문서의 계통도에서 개체를 제거한다.
| false | 디폴트이며, 개체의 childNodes 컬렉션이 제거되지 않는다. |
| true | childNodes 컬렉션이 제거된다. |
반환값 oVal은 제거된 개체의 참조이다.
이 메서드는 런타임(run time)에 접속할 수 있다. 런타임에서 이 엘레멘트가 종료태그가 파싱되기 전에 제거되면, 문서의 지역들은 표현되지 않을 수 있다.
| 칸 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>