문서의 계통도에서 개체를 제거한다.

인수/파라메터
bRemoveChildren
선택적인 요소이며, 자식 개체들이 제거되는가를 나타내는 부울값이다
false 디폴트이며, 개체의 childNodes 컬렉션이 제거되지 않는다.
true childNodes 컬렉션이 제거된다.
반환값

반환값 oVal은 제거된 개체의 참조이다.

특기

이 메서드는 런타임(run time)에 접속할 수 있다. 런타임에서 이 엘레멘트가 종료태그가 파싱되기 전에 제거되면, 문서의 지역들은 표현되지 않을 수 있다.

적용
A ACRONYM ADDRESS B BDO BIG BLOCKQUOTE BODY BUTTON CAPTION CENTER CITE CODE COL COLGROUP COMMENT DD DEL DFN DIR DIV DL DT EM FIELDSET FONT FORM FRAMESET HEAD hn HTML I IFRAME INPUT type=button INPUT type=checkbox INPUT type=file INPUT type=image INPUT type=password INPUT type=radio INPUT type=reset INPUT type=submit INPUT type=text INS KBD LABEL LEGEND LI LISTING MAP MARQUEE MENU nextID OBJECT OL OPTION P PLAINTEXT PRE Q S SAMP SELECT SMALL SPAN STRIKE STRONG STYLE SUB SUP TABLE TBODY TD TEXTAREA TFOOT TH THEAD TR TT U UL VAR XMP
참조
appendChild cloneNode insertBefore (영문)DOM(W3C Document Object Model)

칸 1-1칸 1-2
칸 2-1칸 2-2

결과 표시창

removeNode 메서드로 계통도상에서 테이블을 제거한다.
파라메터 truefalse의 차이를 보라. 한번 제거하면 새로고침을 해야한다.

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