개체를 다른 엘레멘트로 교체한다.

인수/파라메터
oNewNode
필수적인 요소이며, 개체를 교체할 새로운 개체이다.
반환값

반환값 oVal는 교체된 개체를 참조한다.

특기

노드가 교체될 때, 교체되는 개체와 연관된 모든 값들은 제거된다. 예를들어 b 개체가 i 개체로 대체되면 그 시작태그에서 종료태그 사이의 모든 문자열과 애트리뷰트들은 모두 교체된다. 이들 값들을 보존하기 위하여 원래의 개체가 교체되기 전에 새로운 엘레멘트에 복사할 수 있다.

이 메서드는 런타임(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 SUB SUP TABLE TBODY TD TEXTAREA TFOOT TH THEAD TR TT U UL VAR XMP
참조
replaceChild, (영문)DOM(W3C Document Object Model)

replaceNode 메서드로 ul 개체를 ol 개체로 대체하고 내용은 복사하였다.

<UL id=oList>
<LI>목록 항목 1
<LI>목록 항목 2
<LI>목록 항목 3
<LI>목록 항목 4
</UL>
<BUTTON id=butObj onclick="fnReplace()">목록 교체</BUTTON>
<SCRIPT>
function fnReplace(){
  var sPreserve = oList.innerHTML;
  var oNewNode = document.createElement('OL');
  showB.innerHTML=oList.nodeName+' ▶ ';
  oList.replaceNode(oNewNode);
  oNewNode.innerHTML = showA.innerText = sPreserve;
  showB.innerHTML+=oNewNode.nodeName;
  butObj.disabled=true;
}
</SCRIPT>
<DIV id=showA></DIV>
<DIV id=showB></DIV>