본 글의 예시에서는 자바스크립트에서appendChild를 이용해 노드를 추가하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다. DOM 트리 노드를 추가합니다. 예제 코드는 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. <br> 함수 t(){<br> var nodep = document.createElement('p');//p 노드 생성<br> var art = document.createTextNode('Hello, world');//텍스트 노드 생성<br> <br> var cont = document.getElementById('container');//노드 가져오기<br> cont.appendChild(nodep);//노드 추가<br> nodep.appendChild(art);//텍스트 노드 추가<br> }<br> <br> <style type="text/css"><br> p{너비:100px;높이:100px;배경:녹색;}<br> #컨테이너 p{너비:100px;높이:100px;배경:파란색;}<br> </스타일><br> </머리><br> <br> <div id="container"><p>안녕하세요</p><br> </div><br> <p>몇 마디 말씀해 보세요</p><br> <br> <button onclick="t()" value="">노드 추가</button><br> </본문><br> </div>