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

【问题标题】：What is the best way to remove a <br> from a <div> that was created using appendChild?从使用 appendChild 创建的 <div> 中删除 <br> 的最佳方法是什么？
【发布时间】：2009-12-18 15:20:45
【问题描述】：

我正在使用 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(...));

我的问题是如何删除在每个文本框之间创建的每个中断？

【问题讨论】：

标签： appendchild removechild

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

如果您保留对它们的引用，应该可以删除 BR。

这应该可行：

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

【讨论】：