appendchild - からを削除するための最良の方法は何ですかこれはappendChildを使用して作成されましたか？

Question

document.createElement（'input'）を使用してテキストボックスを動的に作成し、同じメソッドを使用してそれらの間にブレークを追加しています。次に、.appendChildを使用してこれを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"));

.removeChildを使用してこれらのテキストボックスを削除できます。問題はありませんが、ブレークはまだ残っています。

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

私の質問は、各テキストボックスの間に作成された各ブレークを削除するにはどうすればよいですか？

Answer 1

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

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

Answer 2

BRへの参照を保持している場合は、BRを削除できるはずです。

これは機能するはずです：

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