En el Capítulo 14 de Eloquent Javascript (3.ª edición), el segundo ejercicio consiste en crear una función byTagName que funcione como document.getElementsByTagName . La función debe tomar un nodo y devolver todos los elementos secundarios con un nombre de etiqueta dado.
Mi función debe tomar un nodo y un nombre de etiqueta, luego colocar a cada uno de los elementos secundarios del nodo en una matriz de retención si el elemento secundario coincide con el nombre de la etiqueta. Luego, la función intenta concatenar la matriz de retención con el resultado de llamarse recursivamente en cada uno de los hijos del nodo. Finalmente, devuelve la matriz de retención.
Mi función no se repite correctamente. puede alguien decirme por que?
//THE FUNCTION THAT ISN'T WORKING: function byTagName(node, tagName) { let elements = []; let tag = tagName.toUpperCase(); for (let child of node.children) { if (tag == child.nodeName) { elements.push(child); } elements.concat(byTagName(child, tagName)); //^This part isn't working. //I think the recursive call to byTagName is returning nothing no matter what. } return elements; } console.log(byTagName(document.body, "h1").length); // → Correctly logs "1" console.log(byTagName(document.body, "span").length); // → Should log 3, but logs "0" let para = document.querySelector("p"); console.log(byTagName(para, "span").length); // → Correctly logs "2" <h1>Heading with a <span>span</span> element.</h1> <p>A paragraph with <span>one</span>, <span>two</span> spans. </p>