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，表示以当前元素为根元素的匹配给定选择器组的元素列表
规范
| Specification | Status | Comment |
|---|---|---|
| DOM ParentNode.firstElementChild |
Living Standard | Splitted the ElementTraversal interface in ChildNode and ParentNode. The firstElementChild, lastElementChild, and childElementCount properties are now defined on the latter.The Document and DocumentFragment implemented the new interfaces.Added the children property.Added the append() and prepend() methods. |
| Element Traversal Specification ElementTraversal' |
Obsolete | Added the initial definition of its properties to the ElementTraversal pure interface and use it on Element. |
浏览器兼容性
We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
Basic support (on Element) |
1.0 | 3.5 (1.9.1) | 9.0 [1] | 10.0 | 4.0 |
Support on Document and DocumentFragment |
29.0 | 25.0 (25.0) | 未实现 | 16.0 | 未实现 |
append() and prepend() |
未实现 | 未实现 | 未实现 | 未实现 | 未实现 |
| Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
Basic support (on Element) |
(Yes) | 1.0 (1.9.1) | (Yes) | (Yes) | (Yes) |
Support on Document and DocumentFragment |
(Yes) | 25.0 (25.0) | 未实现 | 16.0 | 未实现 |
append() and prepend() |
未实现 | 未实现 | 未实现 | 未实现 | 未实现 |
[1] IE6，7，8支持，但是Comment节点也错误的包含在返回结果中
相关链接
- The
ChildNodepure interface.