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

JavaScript019

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

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

js操作节点的DOM方法

一、创建节点

createElement

createTextNode

二、添加、删除、替换、克隆元素

1、appendChild

2、insertBefore

3、如果appendChild、insertBefore追加的是已经存在的子元素，实际上就会将子元素位置移动

4、删除节点removeremoveChild

remove()

removeChild

5.替换节点

replaceChild

6、克隆节点

cloneNode()

三、操作元素属性的方法

1.获取属性 元素.属性名

2.设置属性 元素.属性名 = 属性值

1、2方法只能获取和设置元素自带的属性

3.操作属性的万能方法

getAttribute()

setAttribute()

先是：

document.createElement(eleNode)方法：创建一个元素节点eleNode

document.createTextNode(textNode)方法：创建一个文本节点textNode

document.createDocumentFragment()方法：创建文档碎片节点

然后将这个节点添加到其父节点下：

eleNode.appendChild(textNode)方法：将textNode节点添加到childNodes的末尾

其实，一开始你要决定在那个父节点下增加节点，先是找到父节点。