在.js和.html中使用变量
在.js和.html中使用变量
提问于 2018-06-28 05:56:46
我正在用html制作一个网站，我有一个外部的.js文件。在.js文件中有一个数组，我想在网站上作为一个列表显示，所以需要将该数组放入html文件中，但我不知道如何操作。
我的html：
我想要这个标记中的数组
<p id="demo"></p>我的外部js：
fruits = ["Banana", "Orange", "Apple", "Mango"];有没有办法在html文件中使用变量，或者我可以在js文件中将数组显示为列表？
提前感谢！
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-06-28 06:00:18
这取决于您希望如何显示它们，但主要是您希望使用innerHTML将它们放置在元素中。
let p = document.getElementById('demo');
let fruits = ["Banana", "Orange", "Apple", "Mango"];
p.innerHTML = fruits.join('<br>');<p id="demo"></p>
您也可以这样做，并创建一个无序列表：
let p = document.getElementById('demo');
let fruits = ["Banana", "Orange", "Apple", "Mango"];
p.innerHTML = fruits.map(i => `<li>${i}</li>`).join('');<ul id="demo"></ul>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51071989
复制相关文章
相似问题