ParentNode mixin 包含可以拥有子项的所有类型的 Node对象共有的方法和属性。
ParentNode 是一个原始接口，不能够创建这种类型的对象；它在 Element、Document 和 DocumentFragment 对象上被实现。
属性
ParentNode.children只读- 返回一个包含父节点所有
Element类型的后代的动态html集合HTMLCollection ParentNode.firstElementChild只读- 返回父节点的第一个
Element后代，没有时候返回null ParentNode.lastElementChild只读- 返回父节点的最后一个
Element后代，没有时返回null ParentNode.childElementCount只读- 返回一个无符号长整型，给出对象含有的后代数量
方法
ParentNode.append()- 在父节点的最后一个后代后面插入一组
Node对象或DOMString对象。DOMString对象会以同等的Text节点插入 ParentNode.prepend()- 在父节点第一个后代前插入一组
Node对象或者DOMString对象。DOMString对象会以同等的Text节点插入 ParentNode.querySelector()- 返回以当前元素为根元素，匹配给定选择器的第一个元素
Element ParentNode.querySelectorAll()- 返回一个
NodeList，表示以当前元素为根元素的匹配给定选择器组的元素列表
规范
| 规范 | 状态 | 备注 |
|---|---|---|
| DOM ParentNode |
Living Standard | Split the ElementTraversal interface into ChildNode and ParentNode. The ParentNode.firstElementChild, ParentNode.lastElementChild, and ParentNode.childElementCount properties are now defined on the latter. Added the ParentNode.children property, and the ParentNode.querySelector(), ParentNode.querySelectorAll(), ParentNode.append(), and ParentNode.prepend() methods. |
| Element Traversal Specification ElementTraversal |
Obsolete | Added the initial definition of its properties to the ElementTraversal pure interface and used it on Element. |
浏览器兼容性
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
| Desktop | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
ParentNode | Chrome Full support 1 | Edge Full support Yes | Firefox Full support 3.5 | IE Full support 9 | Opera Full support 10 | Safari Full support 4 | WebView Android Full support Yes | Chrome Android Full support Yes | Edge Mobile Full support Yes | Firefox Android Full support 4 | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
Support on Document and DocumentFragment | Chrome Full support 29 | Edge ? | Firefox Full support 25 | IE No support No | Opera Full support 16 | Safari No support No | WebView Android Full support Yes | Chrome Android Full support Yes | Edge Mobile ? | Firefox Android ? | Opera Android ? | Safari iOS No support No | Samsung Internet Android Full support Yes |
childElementCount | Chrome Full support 1 | Edge Full support Yes | Firefox Full support 3.5 | IE Full support 9 | Opera Full support 10 | Safari Full support 4 | WebView Android Full support Yes | Chrome Android Full support Yes | Edge Mobile Full support Yes | Firefox Android Full support 4 | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
children | Chrome Full support 1 | Edge Full support Yes | Firefox Full support 3.5 | IE
Full support
9
| Opera Full support 10 | Safari Full support 4 | WebView Android Full support Yes | Chrome Android Full support Yes | Edge Mobile ? | Firefox Android Full support 4 | Opera Android ? | Safari iOS Full support 10 | Samsung Internet Android Full support Yes |
firstElementChild | Chrome Full support 1 | Edge ? | Firefox Full support 3.5 | IE Full support 9 | Opera Full support 10 | Safari Full support 4 | WebView Android Full support Yes | Chrome Android Full support Yes | Edge Mobile ? | Firefox Android Full support 4 | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
lastElementChild | Chrome Full support 1 | Edge Full support Yes | Firefox Full support 3.5 | IE Full support 9 | Opera Full support 10 | Safari Full support 4 | WebView Android Full support Yes | Chrome Android Full support Yes | Edge Mobile ? | Firefox Android Full support 4 | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
append | Chrome Full support 54 | Edge Full support 17 | Firefox Full support 49 | IE No support No | Opera Full support 39 | Safari Full support 10 | WebView Android Full support 54 | Chrome Android Full support 54 | Edge Mobile No support No | Firefox Android Full support 49 | Opera Android Full support 39 | Safari iOS Full support 10.2 | Samsung Internet Android Full support 6.0 |
prepend | Chrome Full support 54 | Edge Full support 17 | Firefox Full support 49 | IE No support No | Opera Full support 39 | Safari Full support 10 | WebView Android Full support 54 | Chrome Android Full support 54 | Edge Mobile ? | Firefox Android Full support 49 | Opera Android Full support 39 | Safari iOS Full support 10 | Samsung Internet Android Full support 6.0 |
querySelectorAll | Chrome Full support 1 | Edge Full support Yes | Firefox Full support 3.5 | IE
Full support
9
| Opera Full support 10 | Safari Full support 4 | WebView Android Full support Yes | Chrome Android Full support Yes | Edge Mobile ? | Firefox Android Full support Yes | Opera Android Full support 10 | Safari iOS Full support 3.2 | Samsung Internet Android Full support Yes |
Legend
- Full support
- Full support
- No support
- No support
- Compatibility unknown
- Compatibility unknown
- Experimental. Expect behavior to change in the future.
- Experimental. Expect behavior to change in the future.
- See implementation notes.
- See implementation notes.
参见
- The
ChildNodepure interface.