[SOLUCIONADO] Duda con javascript y nodos html

[SARGE553413]

Hola a todos.

He estado buscando como hacer esto por la web pero no he encontrado.

Lo que necesito hacer es, dado un nodo del arbol html en cuestión, obtener todos los hijos de este solo si su tagName es "SPAN" por ejemplo.

Quiero hacer esto pero con una sola instrucción.

Gracias y saludos.

[Italico76]

Mira como se hacen las selecciones en JQuery.... sino con JS tradicional seria algo como:

nodo = document.getElementsByTagName("span")[0].childNodes;

[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