Добавить разные тексты в div с одним и тем же идентификатором, используя javascript

Question

У меня есть 5 разделов с id="correctAnswer". У меня есть массив из 5 элементов. Как добавить эти 5 элементов в 5 разделов. У меня есть эта логика.

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> 

Answer 1

Прежде всего, никогда не используйте одинаковые идентификаторы. НИКОГДА. Вместо этого используйте классы. Он должен выглядеть следующим образом:

<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>