제거 자바스크립트 목록의 하위 노드 removeChild()를 제공했습니다. 방법. 이 방법을 사용하면 색인 위치를 사용하여 목록 항목을 제거할 수 있습니다. . 간단히 이야기해 보겠습니다.
구문
node.removeChild(node);
예시-1
다음 예에는 3개의 요소가 있습니다. 제공된 목록에 있지만 자식을 제거한 후에는 목록에 두 개의 요소만 있고 출력에 표시되었습니다.
<html>
<body>
<ul id = "list"><li>Tesla</li><li>Spacex</li><li>Solarcity</li></ul>
<script>
var list = document.getElementById("list");
list.removeChild(list.childNodes[1]);
</script>
</body>
</html> 출력
Tesla Solarcity
예시-2
다음 예에는 3개의 요소가 있습니다. 제공된 목록에 있지만 removeChild() 메서드를 사용하여 첫 번째 자식을 제거한 후 나머지 나머지 두 요소는 출력에 표시된 대로 표시되었습니다.
<html>
<body>
<ul id = "list"><li>Tesla</li><li>Spacex</li><li>Solarcity</li></ul>
<script>
var list = document.getElementById("list");
list.removeChild(list.childNodes[0]);
</script>
</body>
</html> 출력
Spacex Solarcity