이 문서의 예에서는 DOM 노드를 교체하거나 수정하기 위해 replacementChild() 함수를 사용하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다. DOM 노드 교체 프로세스: (1) 새 노드를 생성합니다. (2) 이전 노드를 찾습니다. (3) 부모 노드 관점에서는 교체를 위해 replacementChild(new, old) 함수를 사용합니다. 코드 복사 코드는 다음과 같습니다. <br> 함수 t(){<br> //아이디어: 1. 먼저 교체할 노드를 찾습니다. 2. 새 노드를 만듭니다. 3. 상위 노드를 찾아 상위 노드의 관점에서 replacementChild(new, old) 메서드를 호출합니다.<br> var newli = document.createElement('li');//새 노드 생성<br> var newtext = document.createTextNode('day');//텍스트 노드 생성<br> newli.appendChild(새 텍스트);<br> <br> var nodeul = document.getElementsByTagName('ul')[0];//상위 노드 찾기<br> var oldli = nodeul.children[2];//교체할 노드 찾기<br> <br> nodeul.replaceChild(newli,oldli);//바꾸기 <br> <br> }<br> <br> </머리><br> <br> <div id="컨테이너"><br> <ul> <br> <li>봄</li> <br> <li>여름</li> <br> <li>푸른 하늘</li> <br> <li>가을</li> <br> <li>겨울</li> <br> </ul> <br> </div><br> <div id="copyul"><br> </div><br> <br> <button onclick="t()" value="">노드 교체 및 수정</button><br> </본문><br> </div>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
