Quiero cambiar (o controlar...) mi <a> href con JavaScript. Aquí está mi estructura HTML:
<a class="google" href="#">LINK ONE</a> <a class="google" href="#">LINK TWO</a>Y aquí mi código JavaScript:
document.querySelectorAll("a.google").href = "https://google.com" Si uso querySelector(".google") , cambia el enlace, pero solo uno de tema. Si uso querySelectorAll(".google") o ("a.google") no cambia nada.
¿Alguien puede ayudarme?
document.querySelectorAll devuelve una matriz de elementos. Para que esto funcione, y fue una buena idea pensar en ello, puede hacer lo siguiente:
const links = document.querySelectorAll("a.google"); links.forEach(link => link.href = "https://google.com");