Autor Tema: [Ayuda] Selector CSS en Javascript (elemento[atributo])  (Leído 1284 veces)

Desconectado nmartin021

  • PHPero Avanzado
  • ****
  • Mensajes: 250
  • Karma: 9
    • Ver Perfil
[Ayuda] Selector CSS en Javascript (elemento[atributo])
« en: 23 de Octubre de 2011, 05:31:12 am »
Hola!

Es posible (sin jQuery, claro) seleccionar un elemento a que tenga un attributo href? Es que estoy intentado modificar todos los links de la página, pero no los a que funcionan con Javascript sino los links de verdad. ¿Cómo lo consigo?

Saludos y gracias.

Comunidad PHPeros

[Ayuda] Selector CSS en Javascript (elemento[atributo])
« en: 23 de Octubre de 2011, 05:31:12 am »

Desconectado Warlox

  • Moderadores PHP
  • PHPero Master
  • ****
  • Mensajes: 1.278
  • Karma: 77
  • Sexo: Masculino
  • A veces hay que aprender a correr antes de caminar
    • Ver Perfil
    • Página personal
Re:[Ayuda] Selector CSS en Javascript (elemento[atributo])
« Respuesta #1 en: 23 de Octubre de 2011, 08:06:49 am »
Hola, pues creo que con a[href="ladireccion"]{ codigo css } te debe de funcionar.
- Moderador de PHP


Desconectado nmartin021

  • PHPero Avanzado
  • ****
  • Mensajes: 250
  • Karma: 9
    • Ver Perfil
Re:[Ayuda] Selector CSS en Javascript (elemento[atributo])
« Respuesta #2 en: 23 de Octubre de 2011, 18:31:56 pm »
Hola, pues creo que con a[href="ladireccion"]{ codigo css } te debe de funcionar.
Perdona, pero estamos en la sección Javascript e intento obtener un elemento a con Javascript, no con css.
Algo del estilo document.getElementById pero con atributos.

Saludos

Desconectado Warlox

  • Moderadores PHP
  • PHPero Master
  • ****
  • Mensajes: 1.278
  • Karma: 77
  • Sexo: Masculino
  • A veces hay que aprender a correr antes de caminar
    • Ver Perfil
    • Página personal
Re:[Ayuda] Selector CSS en Javascript (elemento[atributo])
« Respuesta #3 en: 23 de Octubre de 2011, 19:40:30 pm »
Sí perdona, leí mal xD. Bueno, de igual manera puedes usar jQuery, eso te facilita mucho las cosas a la hora de seleccionar el elemento, lo seleccionas así:

var miEnlace = $(a[href="http://google.com"]);

Eso te almacenará el objeto en la variable, así puedes trabajar directamente con él.
Saludos.
- Moderador de PHP


Desconectado Atrix

  • PHPer@
  • **
  • Mensajes: 69
  • Karma: 2
  • Sexo: Masculino
  • Ah..?
    • Ver Perfil
Re:[Ayuda] Selector CSS en Javascript (elemento[atributo])
« Respuesta #4 en: 23 de Octubre de 2011, 20:06:41 pm »
Sí perdona, leí mal xD. Bueno, de igual manera puedes usar jQuery, eso te facilita mucho las cosas a la hora de seleccionar el elemento, lo seleccionas así:

var miEnlace = $(a[href="http://google.com"]);

Eso te almacenará el objeto en la variable, así puedes trabajar directamente con él.
Saludos.

Mira, que también me ayudas a mi, gracias jejeje!...

Desconectado Warlox

  • Moderadores PHP
  • PHPero Master
  • ****
  • Mensajes: 1.278
  • Karma: 77
  • Sexo: Masculino
  • A veces hay que aprender a correr antes de caminar
    • Ver Perfil
    • Página personal
Re:[Ayuda] Selector CSS en Javascript (elemento[atributo])
« Respuesta #5 en: 23 de Octubre de 2011, 21:50:37 pm »
Jaja, con gusto ^^
- Moderador de PHP


Desconectado nmartin021

  • PHPero Avanzado
  • ****
  • Mensajes: 250
  • Karma: 9
    • Ver Perfil
Re:[Ayuda] Selector CSS en Javascript (elemento[atributo])
« Respuesta #6 en: 27 de Octubre de 2011, 20:19:50 pm »
Sí perdona, leí mal xD. Bueno, de igual manera puedes usar jQuery, eso te facilita mucho las cosas a la hora de seleccionar el elemento, lo seleccionas así:

var miEnlace = $(a[href="http://google.com"]);

Eso te almacenará el objeto en la variable, así puedes trabajar directamente con él.
Saludos.
No, es que necesito usar esto ANTES de incluir jQuery. Si pudiera usar jQuery se me simplificaría mucho la vida :P

Saludos

Desconectado westwest

  • PHPero Master
  • ******
  • Mensajes: 2.837
  • Karma: 104
  • Sexo: Masculino
    • Ver Perfil
Re:[Ayuda] Selector CSS en Javascript (elemento[atributo])
« Respuesta #7 en: 27 de Octubre de 2011, 22:05:54 pm »
Creo que puedes hacerlo así:
Código: [Seleccionar]
var a = document.getElementsByTagName('a'); // seleccionamos los a
for(i=0;i<a.length;i++) { // recorremos los elementos
if(typeof a.getAttribute('href') == 'string') { // si el atributo es una string (y por tanto existe)
lo que quieras
}
}

No sé si funcionará, no recuerdo mucho si era getAttribute, algo parecido, o no sé. Inténtalo.

Desconectado nmartin021

  • PHPero Avanzado
  • ****
  • Mensajes: 250
  • Karma: 9
    • Ver Perfil
Re:[Ayuda] Selector CSS en Javascript (elemento[atributo])
« Respuesta #8 en: 29 de Octubre de 2011, 22:32:00 pm »
Creo que puedes hacerlo así:
Código: [Seleccionar]
var a = document.getElementsByTagName('a'); // seleccionamos los a
for(i=0;i<a.length;i++) { // recorremos los elementos
if(typeof a.getAttribute('href') == 'string') { // si el atributo es una string (y por tanto existe)
lo que quieras
}
}

No sé si funcionará, no recuerdo mucho si era getAttribute, algo parecido, o no sé. Inténtalo.
El a.getAttribute no es necesario, se puede usar directamente a.href.
Y sí, me funciona. Gracias, cierren tema.

Saludos.