Quelle est la meilleure façon de supprimer un d'un qui a été créé à l'aide appendChild?

Question

Je crée dynamiquement à l'aide textboxes document.createElement ( « input ») et en ajoutant une pause entre eux en utilisant la même méthode - puis en utilisant .appendChild ajouter à mon div.

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

Je peux supprimer ces zones de texte à l'aide .removeChild et il est très bien, mais les pauses sont toujours là.

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

Ma question est de savoir comment puis-je supprimer chacune des pauses qui ont été créés entre chacune des zones de texte?

Answer 1

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

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

Answer 2

Il devrait être possible d'enlever les BRs si vous gardez une référence pour eux.

Cela devrait fonctionner:

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