이 기사에서는 DOM 노드 제거 함수 removeChild ()의 사용에 대해 설명합니다. 참조를 위해 공유하십시오. 특정 분석은 다음과 같습니다.
DOM에서 노드를 삭제하려면 부모 노드 높이에 서서 삭제해야합니다. 코드는 다음과 같습니다.
다음과 같이 코드를 복사하십시오. <html>
<헤드>
<script type = "text/javaScript">
함수 t () {
// 생각 : 1. 먼저 삭제 될 노드를 찾으십시오. 2. 부모 노드를 찾아 부모 노드의 관점에서 하위 노드를 삭제하십시오.
var nodeul = document.getElementsByTagName ( 'ul') [0]; // 상위 노드를 찾습니다
var li_lan = nodeul.children [2]; // 삭제 될 어린이 노드 찾기
nodeul.removechild (li_lan); // removeChild () 함수를 사용하여 삭제합니다
}
</스크립트>
</head>
<body>
<div id = "컨테이너">
<ul>
<li> 봄 </li>
<li> 여름 </li>
<li> 푸른 하늘 </li>
<li> 가을 </li>
<li> 겨울 </li>
</ul>
</div>
<div id = "Copyul">
</div>
<hr />
<button onclick = "t ()"value = ""> 하위 노드 </button> 삭제
</body>
</html>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.