js怎样添加、移除、移动、复制、创建和查找节点？

添加节点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)进行值复制。

1.创建节点

a. document.createElement("标签名") --创建指定标签对应的节点。

创建节点是不会显示的也不会被添加到网页中。也不会显示。

2.添加节点 （父标签加子节点）

a. 节点1.appendChile（节点2）--在节点1的最后添加节点2

b. 节点1.insertBefore(节点2，节点3) --在节点1中的节点三的前面插入节点2.

3.拷贝节点 -复制一份产生新的。

a. 节点1.cloneNode() ---拷贝节点1产生新的节点 ，显示需要添加。(浅拷贝)

b. 节点1.cloneNode(true) ---拷贝节点1产生新的节点 ，显示需要添加。(深拷贝) --拷贝当前标签和标签中的子标签。

3.删除节点

a. 通过父节点删除子节点-父节点.removeChild(子节点)--删除父节点中的子节点。

b. 直接删除节点 节点.remove()--删除指定的节点

4.替换节点

a. 父节点节点1.replaceChild(节点2，节点3)--将节点1中的节点3替换成节点2

可以通过记录变量或为新增的节点添加id、class等标识的方法删除节点。

方法一：

使用变量记录

var newLink = document.createElement('a')

document.appendChild(newLink)//将a追加到页面上

document.removeChild(newLink)//将a从页面上删除

方法二：

为节点添加id

var newLink = document.createElement('a')

a.id = 'new-link'

document.appendChild(newLink)

document.removeChild(document.getElementById('new-link'))

注意，如果追加到其他元素中，删除新建节点时需要删除指定元素下的节点

---