JS新增和刪除節點

1

doctype html
>
2<
html
>
3<
head
>
4<
meta 
charset
="utf-8"
>
5<
title
>無標題文件
title
>
6<
div 
id="div1"
>
7<
p id
="p1"
>這是乙個段落
p>
8<
p id
="p2"
>這是另乙個段落
p>
9div
>
10head
>
1112
<
body
>
13<
script
>
14/*
1.建立新的元素
*/15
varpara
=document.createelement("p
");16/*
2.向元素新增文字（首先建立文字節點），（此段**建立了乙個文字節點）
*/17
varnode
=document.createtextnode(
"這是新段落");
18/*
向元素追加這個文字節點
*/19
20/*
最後您必須向乙個已有的元素追加這個元素
*/21
/*3.這段**找到乙個已有的元素
*/22
varelement
=document.getelementbyid(
"div1");
23/*
4.這段**向這個已有的元素追加新元素
*/24
25script
>
26body
>
27html
>

刪除已有的html元素

1

doctype html
>
2<
html
>
3<
body
>45
<
div 
id="div1"
>
6<
p id
="p1"
>這是乙個段落。
p>
7<
p id
="p2"
>這是另乙個段落。
p>
8div
>910
<
script
>
11/*
找到父元素
*/12
varparent
=document.getelementbyid(
"div1");
13/*
找到子元素
*/14
varchild
=document.getelementbyid("p1
");15/*
將子元素從父元素中刪除
*/16
parent.removechild(child);
17script
>
1819
body
>
20html
>

不過很遺憾。dom 需要清楚您需要刪除的元素，以及它的父元素。

這是常用的解決方案：找到您希望刪除的子元素，然後使用其 parentnode 屬性來找到父元素：

var child=document.getelementbyid("p1");

child.parentnode.removechild(child);

js節點的建立新增刪除

var ul document.getelementbyid box 建立節點 建立節點 var li1 document.createelement li var li2 document.createelement li innertext 只設定文字 li1.innertext 123 元素物...

xml節點的新增和刪除

新增之前的結果 新增之後的結果 刪除之後就和新增之前是一樣的了，呵呵 如下 using system using system.collections.generic using system.componentmodel using system.data using system.drawing...

新增和刪除節點（HTML 元素）

如需向 html dom 新增新元素，您必須首先建立該元素 元素節點 然後向乙個已存在的元素追加該元素。這是乙個段落。這是另乙個段落。如需刪除 html 元素，您必須首先獲得該元素的父元素 這是乙個段落。這是另乙個段落。不過很遺憾。dom 需要清楚您需要刪除的元素，以及它的父元素。這是常用的解決方案...