Javascript操作Dom对象

一.创建节点

这段代码创建新<p>元素

var dom = document.craeteElement("p");

如果需<p>添加文本，你必须创建文本的节点

var node = document.createTextNode("this is new TextNode");

然后你必须向<p>元素添加这个node

dom.appendChild(node);

这个时候已经创建成功了

二.删除节点

例如有一段HTML代码

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

　script:

<script>
var parent=document.getElementById("div1");
var child=document.getElementById("p1");
parent.removeChild(child);
</script>

　js删除节点的时候需要找到它的父节点,如果能够在不引用父元素的情况下删除某个节点,就太好了，不过太遗憾了，DOM需要清除你要删除的元素,yi以及它的父元素

这是常用的做法:

var child=document.getElementById("p1");
child.parentNode.removeChild(child);