如何删除div中的单个文本节点而不删除所有节点？

Question

如何删除单个动态创建的文本节点？

我正在生成输入,并使用.createTextNode在元素之前放置描述性文本.我需要能够删除正在创建的特定元素并使用.removeChild来执行此操作.这适用于删除单个输入,因为我有引用的内容(id/name).有没有办法为每个文本节点设置某种引用,以便我可以将其与相应的输入控件一起删除？

var box = document.getElementById("myDiv");

box.appendChild(document.createTextNode('Status: '));
var inp = document.createElement('input');
inp.type = 'text';
// add attributes, etc...

box.appendChild(inp);

Answer 1

为什么不首先将两者都包装在字段集中？

var box = document.getElementById("myDiv");

var field = document.createElement('fieldset');
field.appendChild(document.createTextNode('Status: '));
var inp = document.createElement('input');
inp.type = 'text';
// add attributes, etc...

field.appendChild(inp);
box.appendChild(field);

这样只需删除field元素就可以同时删除textnode和输入.