javascript变量中未识别CSS标记元素

我正在尝试编写一个简单的Javascript程序，它将从数组中获取元素并以内联方式显示它们。问题是，我使用的Javascript没有识别与标记关联的CSS，用于内联显示元素，从而从CSS中显示数组中的元素

Javascript:

var data = ["David Cameron", "Tony Blair", "Gordon Brown"];

var result = '';

for (var i = 0; i<=2; i++) {
result+='<div id= quizcontain>' +'<p>'+data[i]+'</p>'+'</div>'
}

document.getElementById('quizcontain').innerHTML+= result;

试试这个：

for (var i = 0; i<=2; i++) {
    result += '<div id="quizcontain"><p>'+data[i]+'</p></div>'
}

---

for（var i=0；i尝试将id加引号

<div id="quizcontain"'

如果我理解正确，您希望结果是内联的吗？现在您正在将
添加到同一个变量中，因此要么从结果变量中删除
，要么只将
#quizcontain
作为CSS中的目标

问题应该出在您定义id属性的方式上。它应该是

顺便说一句，理想情况下，您不应该对html文档中的重复元素使用id属性。您可以使用class属性来代替Live示例：
问题是，您有多个具有相同id的DIV

var data = ["David Cameron", "Tony Blair", "Gordon Brown"];
var result = '';
for (var i = 0; i<=2; i++) {
    result += '<p>'+data[i]+'</p>';
}
document.getElementById('quizcontain').innerHTML+= result;

var数据=[“大卫·卡梅伦”、“托尼·布莱尔”、“戈登·布朗”]；
var结果=“”；
对于（var i=0；i您的代码很混乱：您添加了太多的div。假设您已经在某个地方有了一个
，只需使用以下命令：

var data = ["David Cameron", "Tony Blair", "Gordon Brown"];

var result = '';

for (var i = 0; i <= 2; i++) {
    result += '<p>' + data[i] + '</p>';
}

document.getElementById('quizcontain').innerHTML += result;

var数据=[“大卫·卡梅伦”、“托尼·布莱尔”、“戈登·布朗”]；
var结果=“”；
对于（var i=0；我最初是这样编写代码的，数组元素仍然以块格式显示。谢谢！您根本不应该使用重复的id。我也会抱怨更改了我的代码，使div使用“id”而不是“class”。现在工作正常，谢谢！
var data = ["David Cameron", "Tony Blair", "Gordon Brown"];

var result = '';

for (var i = 0; i <= 2; i++) {
    result += '<p>' + data[i] + '</p>';
}

document.getElementById('quizcontain').innerHTML += result;