自学javascript笔记_自用_解析W3school的代码_创建删除节点

来源：互联网发布：宝宝学早教软件下载编辑：程序博客网时间：2024/06/16 06:33

<!DOCTYPE html><html><body><div id="div1"><p id="p1">这是一个段落。</p><p id="p2">这是另一个段落。</p></div><script>var para=document.createElement("p");var node=document.createTextNode("这是新段落。");para.appendChild(node);var element=document.getElementById("div1");element.appendChild(para);</script></body></html>

这里是用html dom添加一句话。这首先需要创建html元素。

document.createElement(''p'')；就是创建了一个<P>元素;

下面一句是创建了一个文本节点。第三句就是把这个文本节点放在了<P>元素里了，就是para="<P>这是新段落</p>";

最后是把这个para放在了div元素里了。这就完成了。

即是在已有的元素里面追加了一个元素又在元素中加了一个文本节点。已有的元素叫做父亲元素

（必须是在已有的元素里添加啊？）

那么删除html元素的话，就是找到父亲元素和要删除的元素，用父亲元素删除其中的孩子元素。代码是下面的：

<!DOCTYPE html><html><body><div id="div1"><p id="p1">这是一个段落。</p><p id="p2">这是另一个段落。</p></div><script>var parent=document.getElementById("div1");var child=document.getElementById("p1");parent.removeChild(child);</script></body></html>

appendchild（）和removechild（）函数都是父亲元素的方法。

这是W3里的提示：如果能够在不引用父元素的情况下删除某个元素，就太好了。不过很遗憾。DOM 需要清楚您需要删除的元素，以及它的父元素。

0 0