在JavaScript中打印主窗口中的数组，并在java脚本中添加css代码

Question

如何将数组中的所有元素打印到浏览器中的主窗口，以及如何在java脚本中添加css代码?

const arr=["example1" , " example2 " , "example3"]
for (let i = 0; i < arr.length; i++) {
console.log(arr[i]);

}

Answer 1

检查代码，如果您想为每个元素使用不同的类，您可以使用:element.innerHTML += '<p class="style'+i+'">'+arr[i]+'</p>';

const arr=["example1" , " example2 " , "example3"]
const element = document.getElementById("data");
for (let i = 0; i < arr.length; i++) {
element.innerHTML += '<p class="style">'+arr[i]+'</p>' ;
}

.style {
color: red;
}

<div id="data">

</div>