Código de JavaScript - Obtener todos los elementos recursivamente

Val: 3.506

Obtener todos los elementos recursivamente

Publicado el 16 de Diciembre del 2019 por Joel (150 códigos)

3.953 visualizaciones desde el 16 de Diciembre del 2019

Este código muestra como obtener de forma recursiva todos los elementos del DOM desde un elemento dado.

De este código:

<div id="myId">

<p>

        <span>a</span>

        <a href="https://lawebdelprogramador.com">https://lawebdelprogramador.com</a>

    </p>

    <p>b</p>

</div>

Nos devolverá un array con:

[p, span, a, p]

Publicado el 16 de Diciembre del 2019

3.954 visualizaciones desde el 16 de Diciembre del 2019

<div id="myId">

<p>

        <span>a</span>

        <a href="https://lawebdelprogramador.com">https://lawebdelprogramador.com</a>

    </p>

    <p>b</p>

</div>

<script>

function getChildNodes(element) {

    let result=[];

    for (var i = 0; i < element.childNodes.length; i++) { // cuenta los hijos primarios que tiene

        if (element.childNodes[i].nodeType==3) { // si es un texto no lo guardamos

            continue;

        result.push(element.childNodes[i]);

        if (element.childNodes[i].hasChildNodes()) { // si tiene hijos

            result=result.concat(getChildNodes(element.childNodes[i])); // llamamos la funcion nuevamente

    return result;

const element = document.getElementById("myId")

const result = getChildNodes(element);

console.log(result); // [p, span, a, p]

</script>

16 de Diciembre del 2019

No ha dejado ningún comentario

Responder

http://lwp-l.com/s5729

Todas las combinaciones posibles de un array

Escapar una cadena con una expresión regular