Change innerhtml of all h2 elements within div

innerhtml, javascript

Solution

do you mean something like:

var divEle = document.getElementById("yourDivId");
var h2s = divEle.getElementsByTagName("h2");
for(var h = 0; h < h2s.length; h++ ) {
  h2s[h].innerHTML = "Question"+(numberOfQuestions);
}

OR jQuery way:

$("#"+yourDivId + " > h2").html("Question"+(numberOfQuestions));

Problem

This is probably a stupid mistake, but i can't seem to get this to work. I'm trying to change the innerhtml of all the H2 elements withing the div whose id=variable id. ``` var numberOfQuestions = $('.question').length; var id = "question"+(numberOfQuestions); clone.id=id; document.documentElement.getElementById(id).getElementsByTagName( "h2" ).innerhtml= "Question"+(numberOfQuestions); ``` I think I'm doing something wrong here: `document.documentElement.getElementById(id).getElementsByTagName( "h2" ).innerhtml= "Question"+(numberOfQuestions);` The nrtire script: ``` <script type="text/javascript"> function copyAppendRow() { var question = document.getElementById("question"); var clone=question.cloneNode(true); var numberOfQuestions = $('.question').length; var id = "question"+(numberOfQuestions); clone.id=id; var questiondiv = document.getElementById(id); var h2s = questiondiv.getElementsByTagName("h2"); for(var h = 0; h < h2s.length; h++ ) { h2s[h].innerHTML = "Question"+(numberOfQuestions); } if($('#questionsuccess').css('display') == 'none'){ $('#questionsuccess').fadeIn('fast'); $('#questionsuccess').fadeOut(4000); } } </script> ```

Original source