5、dom 结构 *** 作怎样添加、移除、移动、复制、创建和查找节点

dom 结构 *** 作怎样添加、移除、移动、复制、创建和查找节点？（必会）

1、创建新节点

createDocumentFragment( ) //创建一个 DOM 片段

createElement( ) //创建一个具体的元素

createTextnode( ) //创建一个文本节点

2、添加、移除、替换、插入

appendChild( )

removeChild( )

replaceChild( )

insertBefore( ) //并没有 insertAfter()

3、查找

getElementsByTagName( ) //通过标签名称

getElementsByName( ) //通过元素的 Name 属性的值(IE 容错能力较强，会得到一个数组，其中包括 id 等于 name 值的)

getElementById( ) //通过元素 Id，唯一性

添加节点append；移除节点removeChild；移动节点：var sdds=document.getElementById；创建节点createTextNode()；查找节点：document.getElementsByTagName。

其他方法：

创建新节点

createDocumentFragment() //创建一个DOM片段

createElement() //创建一个具体的元素

createTextNode() //创建一个文本节点

添加、移除、替换、插入

appendChild() //添加

removeChild() //移除

replaceChild() //替换

insertBefore() //插入

查找

getElementsByTagName() //通过标签名

称

getElementsByName() //通过元素的Name属性的值

getElementById() //通过元素Id，唯一性

实现一个函数clone，可以对JavaScript中的5种主要的数据类型(包括Number、String、Object、Array、Boolean)进行值复制。

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

var para=document.createElement("p")

如需向 <p>元素添加文本，您必须首先创建文本节点。这段代码创建了一个文本节点：

var node=document.createTextNode("这是一个新段落。")

然后您必须向 <p>元素追加这个文本节点：

para.appendChild(node)

最后您必须向一个已有的元素追加这个新元素。

这段代码找到一个已有的元素：

var element=document.getElementById("div1")

以下代码在已存在的元素后添加新元素：

element.appendChild(para)

---