Foros del Web » Programando para Internet » Javascript »

recuperar el href de un enlace

Estas en el tema de recuperar el href de un enlace en el foro de Javascript en Foros del Web. Hola alguien me podria decir como puedo recuperar el href de un enlace al pulsar encima. @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original < div id ...
  #1 (permalink)  
Antiguo 01/12/2015, 12:15
 
Fecha de Ingreso: enero-2011
Mensajes: 1.150
Antigüedad: 13 años, 3 meses
Puntos: 10
recuperar el href de un enlace

Hola alguien me podria decir como puedo recuperar el href de un enlace al pulsar encima.

Código HTML:
Ver original
  1. <div id="mis-enlaces">
  2.   <p>
  3.       <a href="/">enlace 1</a>
  4.       <a href="/producto">enlace 2</a>
  5.   </p>
  6.   <div><a href="/otros">enlace 3</a></div>
  7. </div>


estos enlaces se crean dinamicamente y lo que quiero evitar es ponerle el onclick a cada uno, ya que podrian existir muchos, alguien sabe alguna manera ?
saludos
  #2 (permalink)  
Antiguo 01/12/2015, 13:04
Avatar de xfxstudios  
Fecha de Ingreso: junio-2015
Ubicación: Valencia - Venezuela
Mensajes: 2.448
Antigüedad: 8 años, 10 meses
Puntos: 263
Respuesta: recuperar el href de un enlace

no entendi??, como estas creando los enlaces dinamicamente???? ya que alli esta la respuesta
__________________
[email protected]
HITCEL
  #3 (permalink)  
Antiguo 01/12/2015, 13:05
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: recuperar el href de un enlace

Delega el evento click al <div> padre, captura al elemento en el que se produjo el evento, verifica que se trate de un enlace y toma el valor de dicha propiedad.

Código Javascript:
Ver original
  1. document.querySelector("#mis-enlaces").addEventListener("click", function(event){
  2.     if (event.target.tagName == "A"){ //El valor de la propiedad .tagName para un <a> es la A
  3.         alert(event.target.href); //Se mostrará el valor de la propiedad .href del enlace
  4.     }
  5. }, false);

Un saludo
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #4 (permalink)  
Antiguo 01/12/2015, 13:58
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses
Puntos: 1012
Respuesta: recuperar el href de un enlace

Al pulsar en un vinculo, este produce una redireccion. Así que explica para que quieres capturarlo
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}
  #5 (permalink)  
Antiguo 02/12/2015, 04:03
 
Fecha de Ingreso: enero-2011
Mensajes: 1.150
Antigüedad: 13 años, 3 meses
Puntos: 10
Respuesta: recuperar el href de un enlace

Hola en principio gracias a todos por vuestra colaboracion, realmente esto lo quiero para verificaciones por parte del usuario si las deseas, en fin Alexis88 me dio la solucion era eso exactamente no conocia las posibilidades de capturar eventos, gracias.
saludos

Etiquetas: enlace, href
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:44.