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()
方法使用参数节点,替换当前节点。