javascript - JavaScript 变量中无法识别 CSS 标记元素

Question

我正在尝试编写一个简单的 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;

CSS:

#quizcontain p {
display:inline;
}

Answer 1

实例:http://jsfiddle.net/RrZUq/1/问题是，您有多个具有相同 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;