使用JavaScript在所有DIV标签之后添加元素

Question

I wan't add element after every DIV tag, while 'i=0','i=1','i=2'...untill 'max-DIV.length'. What should I do? I'm just a little worry.. OH!

 var NewSpan = document.createElement("span"); NewSpan.setAttribute("id", "gotop"); var NewSpanText = document.createTextNode("to be continue..."); NewSpan.appendChild(NewSpanText); var i = 0; var OldDiv = document.getElementsByTagName('div')[i]; var parent = OldDiv.parentNode; if (parent.lastChild == OldDiv) { parent.appendChild(NewSpan); } else { parent.insertBefore(NewSpan, OldDiv.nextSibling); }; 

 <div id="n1">DIV</div> <div id="n2">DIV</div> <div id="n3">DIV</div> <div id="n4">DIV</div> 

lile this

Answer 1

You need to wrap this in a for loop and create a new span element every time you want to insert one.

 var divs = document.getElementsByTagName('div'); for (var i = 0; i < divs.length; i++) { var NewSpan = document.createElement("span"); NewSpan.setAttribute("id", "gotop" + i); // Can't have duplicate IDs var NewSpanText = document.createTextNode("to be continue..."); NewSpan.appendChild(NewSpanText); var OldDiv = divs[i]; var parent = OldDiv.parentNode; if (parent.lastChild == OldDiv) { parent.appendChild(NewSpan); } else { parent.insertBefore(NewSpan, OldDiv.nextSibling); } } 

 <div id="n1">DIV</div> <div id="n2">DIV</div> <div id="n3">DIV</div> <div id="n4">DIV</div>