이 기사에서는 DOM 노드의 교체 또는 수정 기능 대체품 교체용 사용에 대해 설명합니다. 참조를 위해 공유하십시오. 특정 분석은 다음과 같습니다.
DOM 노드 교체 프로세스 :
(1) 새 노드를 만듭니다.
(2) 이전 노드를 찾으십시오.
(3) 상위 노드의 관점에서 볼 때, 대체품 (신규, 오래된) 함수를 사용하여 교체하십시오.
다음과 같이 코드를 복사하십시오. <html>
<헤드>
<script type = "text/javaScript">
함수 t () {
// 생각 : 1. 먼저 교체 할 노드를 찾으십시오. 2. 새 노드를 만듭니다. 3. 상위 노드를 찾아 상위 노드의 관점에서 대변인 노드 (신규, 오래된) 메소드를 호출하십시오.
var newli = document.createElement ( 'li'); // 새 노드를 만듭니다
var newText = document.creatextNode ( 'daytime'); // 텍스트 노드 생성
Newli. AppendChild (NewText);
var nodeul = document.getElementsByTagName ( 'ul') [0]; // 상위 노드를 찾습니다
var oldli = nodeul.children [2]; // 교체 할 노드를 찾습니다
Nodeul.replacechild (Newli, Oldli); // 교체
}
</스크립트>
</head>
<body>
<div id = "컨테이너">
<ul>
<li> 봄 </li>
<li> 여름 </li>
<li> 푸른 하늘 </li>
<li> 가을 </li>
<li> 겨울 </li>
</ul>
</div>
<div id = "Copyul">
</div>
<hr />
<버튼 onclick = "t ()"value = ""> 노드 교체 및 수정 </button>
</body>
</html>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.