Duda con javascript y nodos html

[Alexis88]

Primero, verifica que el nodo padre tenga nodos hijos con el método hasChildNodes, de haberlos, obtén el conjunto de nodos hijos mediante el método childNodes. Una vez tengas dicho conjunto o colección de nodos, recórrelo con un bucle y en cada iteración, verifica el nombre del nodo mediante el método nodeName, de ser igual a SPAN (en mayúsculas), sabrás que se tratará de un elemento <span> y podrás hacer con él lo que desees.

En el siguiente ejemplo, inserto a cada <span> encontrado en un array y muestro el contenido de este último a través de la consola.

Código Javascript:

var div = document.getElementsByTagName("div")[0],
    spans = [],
    i = 0;
 
if (div.hasChildNodes()){
    var children = x = div.childNodes,
        total = children.length;
    
  for (i = 0; i < total; i++)
    if (children[i].nodeName === "SPAN")
      spans.push(children[i]);
}
 
console.log(spans);
 

En detalle:



Saludos