seleccionar hijos de primer nivel

[dukeblass]

Hola, ..

quisiera saber como seleccionar los hijos de primer nivel por js

Código HTML:

<ul >
        <li>uno </li>
        <li>
            dos
            <ul>
                <li>dos . uno</li>
            </ul>        
        </li>  
        <li>tres</li>  
        <li>cuatro</li>        
    </ul>
 

como en css es el " > " ->>> ul > li
como lo aria en javascript
no uso librerias, y seria posible sin usar el querySelectorAll(porque con este se puede.., pero no quiero usarlo)

[Bam_Margera]

Pues juraría que puedes seleccionarlo igual que en CSS con Jquery, de todas formas no entiendo qué quieres seleccionar: 1, 2, 3 y 4?? (omitir uno . dos ??)

Si es así, además se me ocurre

$('ul li').not('ul li ul li') :)

[dukeblass]

Iniciado por Bam_Margera

Pues juraría que puedes seleccionarlo igual que en CSS con Jquery, de todas formas no entiendo qué quieres seleccionar: 1, 2, 3 y 4?? (omitir uno . dos ??)

Si es así, además se me ocurre

$('ul li').not('ul li ul li') :)

buena respuesta, pero hay una parte que coloco en la pegunta y dice
no uso librerias,
por ende jquery no me sirve

pero se le agradece por responder.....

[lubtufano]

Se puede realizar con el array childNodes[ ]

document.getElementById('idElemento').childNodes[indiceElemento]

Por ejemplo en el caso de la lista que muestras, seria necesario agregar el id a la lista principal:

<ul id="listaUno">
<li>uno </li>
<li>
dos
<ul>
<li>dos . uno</li>
</ul>
</li>
<li>tres</li>
<li>cuatro</li>
</ul>

Luego para acceder al primer elemento <li> tenemos.

Código Javascript:

var itemUno= document.getElementById('listaUno').childNodes[0]
 

Con esto es posible acceder a todas las propiedades del elemento seleccionado. Para llegar, por ejemplo al elemento <li> de la segunda lista, que se encuentra anidada lo hariamos.

Código Javascript:

var itemUnoListaAnidada= document.getElementById('listaUno').childNodes[2].childNodes[0]
 

Esto es solo una forma, existen otras; te recomiendo que leas sobre DHTML.