ParentNode.children

Node.children is a read-only property that returns a live HTMLCollection of the child elements of Node.

Syntax

var elList = elementNodeReference.children; 

elList is a HTMLCollection, which is an ordered collection of DOM elements that are children of elementNodeReference. If there are no element children, then elList contains no elements and has a length of 0.

Example

// pEl is a reference to a <p> element
var elementChildren = pEl.children;
for (var i = 0; i < elementChildren.length; i++) {
    console.log(elementChildren[i].tagName);
    // NOTE: elementChildren is a live list, adding or removing children from pEl
    // will change the members of elementChildren immediately
}

Specification

Browser compatibility

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

See also

• The ParentNode and ChildNode interfaces.
• Object types implementing this interface: Document, Element, and DocumentFragment.