从使用appendChild？</div>创建的<div>中删除<br/> <br/>的最佳方法是什么？

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);