Javascript操作Dom对象

一.创建节点

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

?

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

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

?

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

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

?

1	dom.appendChild(node);

这个时候已经创建成功了

二.删除节点

例如有一段HTML代码

?

1 2 3 4

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

　script:

?

1 2 3 4 5

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

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

这是常用的做法:

?

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