Mi barra de navegación se autocompleta con javascript.
function liCreation() { for(noOfSection of noOfsections) { sectionAddress = noOfSection.getAttribute('data-nav'); section =noOfSection.getAttribute('id'); liTag = document.createElement('li'); liTag.innerHTML = `<a class='menu__link'>${sectionAddress}</a>`; } } Entonces aparece un menú de la barra de navegación que tiene 4 secciones (porque tengo 4 secciones en mi página). Quiero desplazarme a una sección sin agregar href="${section}" al elemento ancla.
¿Por qué? Da varios beneficios. Href muestra el puntero de flecha y no se necesita código para desplazarse
Si es necesario, entonces
document.querySelector("ul.nav").addEventListener("click", function(e) { const tgt = e.target; if (tgt.tagname === "A" && tgt.classList.contains("menu__link")) { document.getElementById(tgt.textContent.trim()).scrollIntoView(); } })asumiendo que la identificación está en el texto del ancla y la ul que contiene los LI tiene una clase de .nav