ParentNode，ChildNode

1.ParentNode接口表示当前节点是一个父节点，提供一些处理子节点的方法。ChildNode接口表示当前节点是一个子节点，提供一些相关方法。

2.ParentNode.children属性返回一个HTMLCollection实例，成员是当前节点的所有元素子节点。该属性只读。

3.ParentNode.firstElementChild属性返回当前节点的第一个元素子节点。

4.ParentNode.lastElementChild属性返回当前节点的最后一个元素子节点。

5.ParentNode.childElementCount属性返回一个整数，表示当前节点的所有元素子节点的数目。

6.ParentNode.append()方法为当前节点追加一个或多个子节点，位置是最后一个元素子节点的后面。该方法没有返回值。

• 该方法不仅可以添加元素子节点（参数为元素节点），还可以添加文本子节点（参数为字符串）。

7.ParentNode.prepend()方法为当前节点追加一个或多个子节点，位置是第一个元素子节点的前面。该方法没有返回值。

8.ChildNode.remove()方法用于从父节点移除当前节点。

9.ChildNode.before()方法用于在当前节点的前面，插入一个或多个同级节点。

10.ChildNode.after()方法用于在当前节点的后面，插入一个或多个同级节点。

11.ChildNode.replaceWith()方法使用参数节点，替换当前节点。