JavaScript DOM操作

一、节点操作

1、create方法
- document.CreateElement() 创建元素节点
- document.CreateTextNode() 创建文本节点
- document.CreateDocumentFragment() 创建文档片段
- document.CreateComment() 创建注释节点

2、高效创建节点
innerHTML

outerHTML

innerText

3、节点遍历

- documentElement 属性可返回文档的根节点
- tagName 属性返回元素的标签名

解决遍历空白节点
- 加一段条件语句ele.childNodes[i].nodeType == 1

4、NodeList对象

5、HTMLCollection类数组对象

6、类数组对象的动态性

二、节点查找

1、getElementById ()
返回一个指定id的对象
2、getElementsByName ()
返回一个指定name的对象的集合
3、getElementsByTagName ()

4、getElementsByClassName ()

5、querySelector() querySelectorAll ()

三、节点添加

1、appendChild ()

2、insertBefore ()

3、replaceChild ()

4、cloneNode ()

5、normalize ()

6、splitText ()

四、节点删除

1、removeChild ()

2、removeNode ()