ParentNode
의 속성 children
은 호출된 요소의 모든 자식 노드의 elements
를 담고있는 실시간 HTMLCollection
을 반환합니다.
Syntax
var children = node.children;
Value
실시간이며, node
의 자식 DOM 요소들의 정렬된 컬렉션인 HTMLCollection
. 각 자식 요소를 컬렉션 안에서 접근하기 위해서 item()
메소드를 이용하거나 Javascript 배열 스타일의 문법을 사용할 수 있습니다.
만약 노드가 자식요소를 갖고 있지 않나면, children
은 0의 length
를 가진 빈 리스트 일 것입니다.
Example
var foo = document.getElementById('foo');
for (var i = 0; i < foo.children.length; i++) {
console.log(foo.children[i].tagName);
}
Polyfill
// Overwrites native 'children' prototype.
// Adds Document & DocumentFragment support for IE9 & Safari.
// Returns array instead of HTMLCollection.
;(function(constructor) {
if (constructor &&
constructor.prototype &&
constructor.prototype.children == null) {
Object.defineProperty(constructor.prototype, 'children', {
get: function() {
var i = 0, node, nodes = this.childNodes, children = [];
while (node = nodes[i++]) {
if (node.nodeType === 1) {
children.push(node);
}
}
return children;
}
});
}
})(window.Node || window.Element);
Specification
Specification | Status | Comment |
---|---|---|
DOM The definition of 'ParentNode.children' in that specification. |
Living Standard | Initial definition. |
See also
- The
ParentNode
andChildNode
interfaces.