如何在.js和.html中使用变量?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (964)

我正在用html制作一个网站,我有一个外部的.js文件。.js文件中有一个数组,我希望在网站中显示为一个列表,因此需要将数组放入html文件,但我不知道如何。

我的html:

我想要这个标签中的数组

    <p id="demo"></p>

我的外部JS:

    fruits = ["Banana", "Orange", "Apple", "Mango"];

是否可以在html文件中使用变量,或者是否可以将数组显示为js文件中的列表?

提前谢谢!

提问于
用户回答回答于

这主要取决于你想要使用的内HTML如何将它们放入元素中:

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>

扫码关注云+社区

领取腾讯云代金券