javascript - 在innerHTML中显示数组

标签 javascript

我正在尝试显示数组中的两位数据。第一个是 [0][0] 下的标题,第二个是 [0][2] 下的描述。

这是我写的。

element.innerHTML = "<div>" + "<h3>" + all_films[0][0]; + "</h3>" + "<p>" + all_films[0][2]; + "</p>" + "</div>"

这很奇怪,因为如果我只写它就可以工作

"<div>" + "<p>" + all_films[0][2]; + "</p>" + "</div>"

或者如果我只是写

"<div>" + "<h3>" + all_films[0][0]; + "</h3>" + "</div>"

但他们似乎从来没有一起工作过。为什么是这样?我不允许在同一个东西中使用两个数组吗?

最佳答案

你在不应该出现的地方添加了分号,将你的代码变成这样:

element.innerHTML = "<div>" + "<h3>" + all_films[0][0];
+"</h3>" + "<p>" + all_films[0][2];
+"</p>" + "</div>";

其中最后两条语句无效。 (JavaScript 有一个一元 + 运算符,如 +5 === 5。)删除分号:

element.innerHTML = "<div>" + "<h3>" + all_films[0][0] + "</h3>" + "<p>" + all_films[0][2] + "</p>" + "</div>";

关于javascript - 在innerHTML中显示数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43723513/

相关文章:

javascript - 将数组值附加到所选元素的 ID 属性

Javascript:如何将不同的对象传递给循环中创建的 setTimeout 处理程序?

javascript - 嵌入 Google 地球,在卫星 View 中创建网格布局

javascript - 将事件悬停在更高 z-index 覆盖的元素上?

javascript - 仅当光标在输入中时如何显示 easyautocomplete 对话框

javascript - 如何从javascript函数调用vuejs函数?

javascript - 如何把它变成一棵树?

javascript - 创建客户端后(登录后)将上下文链接添加到 Apollo Link

php - 如何在不刷新整个 map 的情况下更新谷歌地图图钉?

javascript - 当触摸屏上出现 "pinches"时,如何防止IE全页缩放?