DOM 操作的常用 API 有哪些 ？

DOM 操作的常用 API 就是DOM 通过API （接口）获取页面（html）元素；

1. 节点查询 API

1.1 document.querySelector()  选择第一个匹配的元素

1.2 document.querySelectorAll()  选择所有的匹配元素

2. 节点关系 API

2.1 父节点

子元素.parentNode 返回的是对象

2.2 子节点

父元素.children 获取所有的子元素

2.3 兄弟节点

previousElementSibling  上一个兄弟    nextElementSibling  下一个兄弟节点

3. 节点创建 API

3.1 创建节点

document.createElement('div')  创建一个 div 标签

3.2 克隆节点

元素 .cloneNode()  复制一个元素

4. 节点修改 API

4.1 增

注意：父元素和父节点是一个意思；

node.appendChild()  在最后添加节点

父元素.insertBefore(插入的节点，放到那个节点的前面)    可以插入任何位置

4.2 删

父元素.removeChild（子节点） 删除子节点

4.3 改

node.replaceChild(新节点, 旧节点)用于使用新节点替换旧节点