문서의 계통도에서 개체를 제거한다.
![]() | Script | [oVal=]object.removeNode([bRemoveChildren]) |
false | 디폴트이며, 개체의 childNodes 컬렉션이 제거되지 않는다. |
true | childNodes 컬렉션이 제거된다. |
반환값 oVal은 제거된 개체의 참조이다.
이 메서드는 런타임(run time)에 접속할 수 있다. 런타임에서 이 엘레멘트가 종료태그가 파싱되기 전에 제거되면, 문서의 지역들은 표현되지 않을 수 있다.
![]() | removeNode 메서드⇒ | ![]() | ![]() ![]() ![]() |
칸 1-1 | 칸 1-2 |
칸 2-1 | 칸 2-2 |
removeNode 메서드로 계통도상에서 테이블을 제거한다.
파라메터 true와 false의 차이를 보라. 한번 제거하면 새로고침을 해야한다.
<SCRIPT> function doRemove(bVal){ if (!document.all('oTable')){ alert('oTable이 이미 제거되었다. 새로고침 후에 다시 시도하라.'); return false; } oTable.removeNode(bVal); str='oTable.removeNode('+bVal+')<BR>'; str+='parentDiv.all.length='+parentDiv.all.length+'<BR>'; if (parentDiv.all.length){ for (i=0;i< parentDiv.all.length;i++){ str+='parentDiv.all['+i+'].nodeName='+parentDiv.all[i].nodeName+', '; str+='parentDiv.all['+i+'].innerText='+parentDiv.all[i].innerText+'<BR>'; } but1.disabled=but2.disabled=true; } showA.innerHTML=str; } </SCRIPT> <DIV id=parentDiv> <TABLE id=oTable border=1 width=400> <TR><TD id="cell11">칸 1-1</TD><TD>칸 1-2</TD></TR> <TR><TD>칸 2-1</TD><TD>칸 2-2</TD></TR> </TABLE> </DIV> <BUTTON onclick="doRemove(true)" style=width:200>oTable.removeNode(true)</BUTTON> <BUTTON onclick="doRemove(false)" style=width:200>oTable.removeNode(false)</BUTTON><BR> <!-- <BUTTON onclick="location.reload()" style=width:400>문서 새로고침</BUTTON> --> <DIV id=showA>결과 표시창</DIV>
![]() | removeNode 메서드 | ⇒ | ![]() ![]() |
최종 수정: 04/06/2025 18:32:02 | ![]() All right reserved | 비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다. 오류가 나면 정상적 접속으로 시도해 보세요. | http://koxo.com/lang/js/method/removeNode.html |