2014-04-23 8 views
0

HTML 요소의 자식을 제거하고 싶지만 반드시 루프를 반복 할 것인지 묻고 싶습니다. 부모의 ìnnerHTML을 null 또는 빈 문자열로 설정하면 메모리에서 자식을 제거합니다. 문서의 시각적 부분뿐만 아니라?부모 innerHTML 및 자식 노드

+1

예 수 덮어 쓰기됩니다 요소의' innerHTML' 속성은 기본적으로 하나씩 자식 노드를 제거하는 것과 동일합니다. 즉, sam에서 "deleted"됩니다. 전자 방법. – CBroe

답변

1

예, 어린이를 완전히 삭제합니다. 예를 들어
, 당신은 그런 다음

<div id="a_div"> 
<input type='button'><br> 
<img src='image.png'> 
</div> 

document.getElementById("a_div").innerHTML="<input type='button'><br><img src='image.png'>"; 

당신이 "" (document.getElementById("a_div").innerHTML="";)에 innerHTML을 설정한다면, 다음 a_div는,

<div id="a_div"> 
</div> 
0

jQuery를 사용하는 경우 부모 요소에서 empty() 함수를 사용하면 DOM에서 요소가 제거됩니다.

+0

jquery를 사용하지 않습니다./ –

+0

물론 DOM에서 요소를 제거합니다. 나는 그것을 여기에서 시도했다 http://jsfiddle.net/UzT37/ –

관련 문제