hijos inmediatos de una lista

Question

Una pregunta rápida ... ¿cuál es la declaración JAVASCRIPT para obtener los hijos inmediatos de una LISTA? Intenté:

document.getElementById(id).getElementsByTagName('li'); 

que me da todos los nodos secundarios.

Answer 1

bucle a través de:

document.getElementById(id).children

y obtener los que son elementos li (creo que todos ellos deben ser de acuerdo a las especificaciones)

---

Creo que document.querySelectorAll('#id>li') si es compatible debería funcionar también. Ver: http://www.w3.org/TR/selectors-api/

Answer 2

Node.childNodes o 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]); 
    } 
} 

Answer 3

El mismo código más rápido & mejor.

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); 
    } 
}