ansaurus

Question

Answer 1

+1 A:

Node.childNodes or Element.children

var listItems = [];

var children = elem.childNodes;
for(var i = 0; i < children.length; i++) {
    if(children[i].nodeName == "LI") {
        listItems.push(children[i]);
    }
}

Anurag 2010-07-01 17:19:42

Note that `childNodes` contains all nodes and just elements.

Gumbo 2010-07-01 17:22:44

thanks @Gumbo - I will clarify that point in the answer later. Shouldn't matter for small lists as we're testing by `nodeName`, but may be an inefficient for larger lists.

Anurag 2010-07-01 17:32:29

Better use `children[i].nodeType === Node.ELEMENT_NODE` to make sure it’s really an element node.

Gumbo 2010-07-01 17:35:50

`LI` shouldn't be returned as the nodeName for any other type of node. Since `nodeName` is defined on `Node`, it should be available as a property for all nodes, including text, and others.

Anurag 2010-07-01 17:41:50

Answer 2

+1 A:

loop through:

document.getElementById(id).children

and get the ones that are li elements (I think they should all be according to spec)

I think document.querySelectorAll('#id>li') if it is supported should work as well. See: http://www.w3.org/TR/selectors-api/

Bill Barry 2010-07-01 17:20:16

Hmm, looks like children isn't part of a DOM standard, just part of gecko and perhaps other rendering engines... childNodes is probably the better answer even if you have to check each element of the list.

Bill Barry 2010-07-01 17:32:40

so is that document.getElementById(id).childNodes; that would get me only the immediate children?

racky 2010-07-01 17:37:03

yes, note that if you have firebug installed, you can see both of these lists in the watch window right on this site with a watch like `document.getElementsByTagName("ul")[0]`

Bill Barry 2010-07-01 17:38:52

Answer 3

A:

The same code faster & better.

var listItems = [];
var children = element.childNodes;
for(var i = 0, l=children.length; i<l; ++i) {
    var child = children[i];
    if(child.nodeType === 1 && child.tagName === "LI") {
        listItems.push(child);
    }
}

xavierm02 2010-07-01 18:33:37

ansaurus

tags:

views:

answers:

immediate children of a list

related questions