En primer lugar, tú estás intentando seleccionar el elemento por su clase:
let nodoPadre = document.getElementsByClassName("lista");
PERO, el elemento no tiene class="lista"
para poder hacer eso.
Luego, no sé por qué piensas que esto se resuelve con childNodes ¿? Si lees la documentación, verás que quien te devuelve una lista de los elementos hijos es children
, que sería todo lo que necesitarías aquí para modificar el contenido de alguno de los li
.
Entonces, si quieres obtener los hijos de ese ul
alcanzándolos por la clase, debes asignarle una clase. Además, debes poner un índice, porque el selector por clases te trae un array (empezando en la posición 0
) con todos los elementos que tengan ese clase, aunque sea uno.
Por la convención de nombre se entiende que quisieras cambiar el valor del segundo hijo. Entonces, podrías hacerlo así:
let allChildren = document.getElementsByClassName("lista")[0].children;
allChildren[1].textContent='NUEVO';
<ul id="lista" class="lista">
<li>Estudiante</li>
<li>Pedro</li>
<li >Julio</li>
<li>Benites</li>
<li >Valencia</li>
<li>Tachira</li>
</ul>
Y, si quieres alcanzar el elmento por su id, puedes hacerlo así:
let allChildren = document.getElementById("lista").children;
allChildren[1].textContent='NUEVO';
<ul id="lista">
<li>Estudiante</li>
<li>Pedro</li>
<li >Julio</li>
<li>Benites</li>
<li >Valencia</li>
<li>Tachira</li>
</ul>
Post-Data
Si requieres selecciones más complejas, te recomiendo usar mejor querySelector
y querySelectorAll
.