Entonces, quiero saber cómo obtengo el recuento de padres, hijos, hijos, hijos, por ejemplo:
const parent = document.querySelectorAll('.parent'); parent.forEach(el => { const ul = el.querySelector('.child3-child'); const div = document.createElement('div'); div.textContent = ul.childNodes.length; el.append(div); }); <div class="parent"> <div class="child1"> text </div> <div class="child2"> text </div> <div class="child3"> <ul class="child3-child"> <li> some text... </li> <ul> </div> </div> Y ahora quiero contar cuántos <ul class="child3-child"> tiene elementos secundarios, en este caso solo tiene 1 li .
children en lugar de childNodes . El primero incluye elementos HTML, mientras que el segundo incluye nodos de texto.</ul> correctamente o, de lo contrario, el navegador pensará que está abriendo un elemento anidado. const parent = document.querySelectorAll('.parent'); parent.forEach(el => { const ul = el.querySelector('.child3-child'); const div = document.createElement('div'); div.textContent = ul.children.length; el.append(div); }); <div class="parent"> <div class="child1"> text </div> <div class="child2"> text </div> <div class="child3"> <ul class="child3-child"> <li> some text... </li> </ul> <!--- This wasn't properly closed --> </div> </div>