开发中常用的DOM操作

1.增

新建

1.创建标签

.createElement(标签名)

2.设置属性

// name表示属性名 value表示属性值
.setAttribute(name, value)  

插入

1.拼接节点

// 在父元素的最后一个子元素后面添加
父元素.appendChild()

2.插入节点

// 在父元素的第old个孩子前面添加new
父元素.insertBefore(new, old)

2.删

1.删除子节点

.removeChild()

3.改

1.替换节点

.replaceChild(new, old)

2.克隆（赋值）元素

// 括号内参数是布尔值
// 默认是false 表示只克隆标签不可隆内容
// 是true 克隆标签也克隆内容
.cloneNode()

4.查

1.获取元素
2.获取子元素

// 获取所有子元素
.children
获取第一个子元素
.firstElementChild
// 获取最后一个子元素
.lastElementChild

3.获取父元素

.parentNode

4.获取同级

// 获取上一个同级元素
.previousElementSibling
// 获取下一个同级元素
.nextElementSibling