¿Cuál es la mejor manera de eliminar un de un que se creó utilizando appendChild?

Question

Estoy creando dinámicamente cuadros de texto utilizando document.createElement ( 'input') y la adición de una ruptura entre ellos utilizando el mismo método - a continuación, utilizando .appendChild añadir esto a mi 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"));

Puedo eliminar estos cuadros de texto utilizando .removeChild y es muy bien, pero los saltos están todavía allí.

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

Mi pregunta es ¿cómo puedo eliminar cada uno de los descansos que se crearon entre cada uno de los cuadros de texto?

Answer 1

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

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

Answer 2

Debe ser posible eliminar las RBs si se mantiene una referencia a ellos.

Esto debería funcionar:

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