JavaScript DOM学习第一章：W3C DOM简介

核心提示： 创建元素使用下面的方法:varx=document.createElemnt(‘HR’)这样HR就创建并且存储在x中，第二步就是把x插入到文档之中，JavaScript DOM学习第一章：W3C DOM简介(6)，我写了一个ID是inserthere的SPAN，我们就把它

创建元素使用下面的方法:

var　x=document.createElemnt(‘HR’)

这样HR就创建并且存储在x中。第二步就是把x插入到文档之中。我写了一个ID是inserthere的SPAN，我们就把它插入到这。所以我们使用appendChild()方法：

1　document.getElementById('inserthrhere').appendChild(x);<br>

删除它稍稍有点麻烦。我先创建一个临时变量node来存储SPAN，然后我告诉他移除他的第一个子元素：

1　var　node=document.getElementById(‘inserthere’);<br><br>node.removeChild(node.childNode[0]);<br>

同样的方法我们也可以创建一个新的元素然后添加在ID是hereweare的B元素上。

1　var　x　=　document.createTextNode('　A　new　text　node　has　been　appended!');<br>document.getElementById('hereweare').appendChild(x);<br>

你可以试一试，你会注意到用老的办法可能不会移除新加的文本，那是因为他们已经成为分离的两部分了：

　　　　　　　　　　　<B>
　　　　　　　　　　　　|
　　　　　　　------------
　　　　　　|　　　　　　　　　　　　|
　　paragraph　　　　A　new　text　node
　　　　　　　　　　　　　　　has　been　appended!

(可以通过normalize()来把他们合并，但是IE5不支持）

我不打算告诉你怎么移除它，自己练习会比较有收获

翻译地址：http://www.quirksmode.org/dom/intro.html

文章出处：http://beiyu.cnblogs.com

编缉推荐阅读以下文章

• javaScript DOM方法与属性摘要