> 웹 프론트엔드 > JS 튜토리얼 > JavaScript는 하위 노드 및 하위 요소를 추가하거나 삭제합니다.

JavaScript는 하위 노드 및 하위 요소를 추가하거나 삭제합니다.

PHPz
풀어 주다: 2018-10-10 15:06:33
앞으로
2075명이 탐색했습니다.

하위 노드나 하위 요소를 추가할 때는 먼저 요소(요소 노드)를 생성한 후 기존 요소 노드에 추가해야 합니다. 예시는 다음과 같습니다.

<p id="p1">
<p id="p1">这是一个段落</p>
<p id="p2">这是另一个段落</p>
</p>

<script>
var para=document.createElement("p");//创建需要增加的元素节点
var node=document.createTextNode("这是新段落。");//创建文本节点
para.appendChild(node);//将文本节点增加至创建的元素中

var element=document.getElementById("p1");//获取父节点
element.appendChild(para);//添加至父节点内
</script>
로그인 후 복사

하위 항목 삭제 노드나 요소를 추가할 때 아이디어는 새 항목을 추가하는 것과 유사합니다.

<p id="p1">
<p id="p1">这是一个段落。</p>
<p id="p2">这是另一个段落。</p>
</p>

<script>
var parent=document.getElementById("p1");//获取父节点元素
var child=document.getElementById("p1");//获取需要删除的节点元素
parent.removeChild(child);//通过父节点移除
</script>
로그인 후 복사

더 많은 관련 튜토리얼을 보려면 JavaScript 비디오 튜토리얼
을 방문하세요.

관련 라벨:
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿