이 기사에서는 JavaScript의 AppendChild 방법에 대해 설명합니다. 참조를 위해 공유하십시오. 특정 분석은 다음과 같습니다.
DOM 트리 노드 추가에 대한 예제 코드는 다음과 같습니다.
다음과 같이 코드를 복사하십시오. <html>
<헤드>
<script type = "text/javaScript">
함수 t () {
var nodep = document.createElement ( 'p'); // p 노드를 만듭니다
var art = document.creatextNode ( 'Hello, World'); // 텍스트 노드 생성
var cont = document.getElementById ( 'container'); // 노드를 얻습니다
cont.appendChild (NODEP); // 노드를 추가합니다
Nodep.appendChild (ART); // 텍스트 노드 추가
}
</스크립트>
<스타일 유형 = "텍스트/CSS">
p {너비 : 100px; 높이 : 100px; 배경 : 녹색;}
#container p {너비 : 100px; 높이 : 100px; 배경 : 파란색;}
</스타일>
</head>
<body>
<div id = "컨테이너"> <p> Hello World </p>
</div>
<p> 몇 마디 말하기 </p>
<hr />
<버튼 onclick = "t ()"value = ""> 추가 노드 </button>
</body>
</html>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.