2014-09-04 81 views
-3

我有5个div,其中包含id="correctAnswer"。我有一个5个元素的数组。如何在5个div中添加这5个元素。我有这个逻辑。使用javascript将不同文本添加到具有相同ID的div

var answers =["David Bowie","AM","Australia","Boneface","Sound City"]; 
for (i=1; i<=numQues; i++) { 
    document.getElementById("correctAnswer").innerHTML="correctanswer:"+answers[i-1]; 
} 

<div id="correctAnswer"></div> 
</div> 
+9

请不要使用相同的ID。 ID必须是唯一的! – 2014-09-04 15:55:09

+9

您不能重复使用ID ......请改为使用类。 – 2014-09-04 15:55:21

+0

或 - 使用getElementsByTagName,如果这可以为​​你工作。如果你也发布了你的HTML代码,它会更容易回答。 – evilunix 2014-09-04 15:56:31

回答

2

首先,不要使用相同的ID。决不。改用类。它应该像这样:

<div class="correctAnswer"></div> 
<div class="correctAnswer"></div> 
<div class="correctAnswer"></div> 
<div class="correctAnswer"></div> 
<div class="correctAnswer"></div> 

<script> 
var answers =["David Bowie","AM","Australia","Boneface","Sound City"]; 
for (i=1; i<=numQues; i++) { 
    document.getElementsByClassName("correctAnswer")[i-1].innerHTML="correctanswer:"+answers[i-1]; 
} 
</script> 
+0

由于Mehul说你不能使用相同的ID,ID应该是唯一的! – Quantico 2014-09-04 16:06:34

相关问题