교체 하위 노드 새 노드 사용 javascript는 "replaceChild() ". 처음에 이 작업을 수행하려면 새 노드를 만들어야 합니다. 그런 다음 replaceChild()를 사용하여 , 이전 노드를 교체해야 합니다. 새 노드와 함께
구문
node.replaceChild(newnode, oldnode);
이전 노드와 새 노드라는 두 개의 매개변수가 필요합니다. 이전 노드를 새 노드로 교체합니다.
예시
다음 예에서 처음에는 순서가 지정되지 않은 목록이 Boost, Horlicks 및 Maltova 요소로 구성됩니다. replaceChild()를 사용하여 첫 번째 요소를 Bournavita로 바꾼 후 , 우리가 얻는 출력은 출력에 표시된 대로 Bournavita, Horlicks 및 Maltova입니다.
<html>
<body>
<ul id="List"><li>Boost</li><li>Horlicks</li><li>Maltova</li></ul>
<script>
var newnode = document.createTextNode("Bournavita");
var item = document.getElementById("List").childNodes[0];
item.replaceChild(newnode, item.childNodes[0]);
</script>
</body>
</html> 출력
Bournavita Horlicks Maltova