• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Evaluaciones
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

114
Vistas
¿Cómo eliminar el enlace de todas las etiquetas a en una página con js puro?

Estoy tratando de inyectar js para recorrer todas las etiquetas a en una página y eliminar el href para que no vayan a ninguna parte cuando se haga clic.

Para este problema, no puedo usar jquery. Entonces necesito usarlo usando vanilla js (pure js). Esto es lo que tengo hasta ahora:

 document.querySelectorAll("a").forEach(ele => { var anchors = document.getElementsByTagName("a"); for(var i =0; i < anchors.length; i++) { var myLink = anchors[i].getAttribute("href"); anchors[i].setAttribute("href",""); } });

Ejecuté el código, pero no se cambió ninguna de las etiquetas href. Todos ellos siguen siendo enlaces. ¿Cómo hacer que todas las etiquetas a no funcionen como enlaces?

También estoy abierto a otras soluciones, como convertir las etiquetas a en divs, o algo más.

about 3 years ago · Santiago Trujillo
2 Respuestas
Responde la pregunta

0

Establecer el atributo en una cadena vacía dará como resultado que los anclajes apunten a la página actual :

 <a href="">link</a>

En su lugar, elimine el atributo por completo (y elimine el bucle externo innecesario y no utilizado).

 var anchors = document.getElementsByTagName("a"); for (var i = 0; i < anchors.length; i++) { anchors[i].removeAttribute("href"); }
 <a href="https://example.com">link</a> <a href="https://example.com">link</a>

o

 for (const a of document.querySelectorAll('a')) { a.removeAttribute("href"); }
 <a href="https://example.com">link</a> <a href="https://example.com">link</a>

about 3 years ago · Santiago Trujillo Denunciar

0

Prueba este código

 $( "a" ).each( function( index, element ){ element.removeAttribute("href"); });
about 3 years ago · Santiago Trujillo Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda