Qual é a melhor maneira de remover um de um que foi criado usando ApndendChild?

Question

Estou criando dinamicamente caixas de texto usando document.createElement ('input') e adicionando uma quebra entre elas usando o mesmo método - depois usando .appendChild para adicioná -lo à minha 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"));

Eu posso excluir essas caixas de texto usando .removeChild e está bem, mas as quebras ainda estão lá.

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

Minha pergunta é como remover cada uma das quebras que foram criadas entre cada uma das caixas de texto?

Answer 1

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

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

Answer 2

Deveria ser possível remover o BRS se você mantiver uma referência a eles.

Isso deve funcionar:

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