이 번역은 완료되지 않았습니다. 이 문서를 번역해 주세요.

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.

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support1 Yes3.591104
Support on Document and DocumentFragment29 ?25 No16 No
Support on SVGElement Yes No Yes No ? No
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support Yes Yes ?4 ?10 Yes
Support on Document and DocumentFragment Yes Yes ? ? ? No Yes
Support on SVGElement ? ? ? ? ? ? ?

1. Internet Explorer 6, 7 and 8 supported it, but erroneously includes Comment nodes.

See also

문서 태그 및 공헌자

이 페이지의 공헌자: whdckszxxx
최종 변경자: whdckszxxx,