Was ist der beste Weg, um A aus einem zu entfernen, das mithilfe von AppendChild erstellt wurde?

Question

Ich erstelle dynamisch Textboxen mit document.createelement ('Eingabe') und füge einen Pausen zwischen ihnen mit derselben Methode hinzu - und dann mit .AppendChild, um dies zu meinem Div hinzuzufügen.

var box = document.getElementById("myDiv");
var inp = document.createElement('input');
inp.type = 'text';
// add attributes, etc...
box.appendChild(inp);
box.appendChild(document.createElement("br"));

Ich kann diese Textboxen mit .Removechild löschen und es ist in Ordnung, aber die Pausen sind immer noch da.

box.removeChild(document.getElementById(...));

Meine Frage ist, wie ich jede der Pausen entferne, die zwischen den einzelnen Textboxen erstellt wurden.

Answer 1

var breaks = box.getElementsByTagName('BR');

for (var i = 0; i < breaks.length; i++) {
    box.removeChild(breaks[i]);
}

Answer 2

Es sollte möglich sein, die BRS zu entfernen, wenn Sie einen Hinweis darauf haben.

Das sollte funktionieren:

var brRef = document.createElement("br");
...    
box.removeChild(brRef);