ما هي أفضل طريقة لإزالة من التي تم إنشاؤها باستخدام AppendChild؟

Question

أقوم بإنشاء مربعات نصية ديناميكيًا باستخدام المستند.

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

يجب أن يكون من الممكن إزالة BRS إذا حافظت على إشارة إليها.

هذا يجب أن يعمل:

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