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

我的问题是如何删除每个文本框之间创建的每个断裂?

有帮助吗?

解决方案

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

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

其他提示

如果您对其进行引用,则可以删除BRS。

这应该有效:

var brRef = document.createElement("br");
...    
box.removeChild(brRef);
许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top