Element nach allen DIV-Tags mit JavaScript hinzufügen

Question

Ich möchte Element nach jedem DIV-Tag hinzufügen, während 'i = 0', 'i = 1', 'i = 2' ... bis 'max-DIV.length' ". Was soll ich machen? Ich mache mir nur ein bisschen Sorgen .. 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

Sie müssen dies in einer for Schleife wickeln und ein neues span Element jedes Mal, wenn ein einfügen möchten erstellen.

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>