는 가장 좋은 방법은 무엇입하여 제거 <br> 서 <div> 를 사용하여 만든 appendChild?

Question

나 동적으로 만들기 텍스트 상자를 사용하여 문서입니다.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"));

나는 삭제할 수 있습니다 이러한 텍스트 상자를 사용하는.하는 방법을 쓰고 그것은 괜찮지만,휴식하고 있습니다.

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