<div class="codetitle"> <span><a style="CURSOR: pointer" data="65923" class="copybut" id="copybut65923" onclick="doCopy('code65923')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code65923"> <br><title></title> <script type="text/javascript"> <br>function createNode() { <br>var pNode = document.createElement('p'); <br>var tNode = document.createTextNode('양저우의 불꽃놀이 March' ); <br>pNode.appendChild(tNode); <br>document.body.appendChild(pNode); <br>} <br>function r() { <br>var pNode = document.createElement('p ') ; var tNode = document.createTextNode('오랜 친구 Xici Yellow Crane Tower') <br>pNode.appendChild(tNode) <br>//교체할 노드 가져오기<br>var reNode = document.getElementsByTagName ('p')[0]; <br>//IE 브라우저에만 적용 가능<br>//reNode.replaceNode(pNode, reNode)<br>//다양한 브라우저에 적용 가능<br>reNode.parentNode.replaceChild(pNode, reNode); <br>} <br>function reNode() { <br>var oldNode = document.getElementsByTagName('p')[0]; parentNode 반환되는 것은 p 노드의 상위 노드입니다. 여기에는 본문이 있습니다. <br>//그런 다음 본문 노드의 RemoveChild 메서드를 사용하여 oldNode 노드를 삭제합니다. <br>oldNode.parentNode.removeChild(oldNode); >} <br>< /script> <br><body> <br><input id="Button1" type="button" value="노드 만들기" createNode()"/> <br><input id="Button2" type="button" value="노드 교체" onclick="r()" /> <br><input id="Button3" type="button" value= "노드 삭제" onclick="reNode()" /> <br></body> <br><br> </div>
