Foros del Web » Programando para Internet » Javascript »

como obtener un atributo de un objeto

Estas en el tema de como obtener un atributo de un objeto en el foro de Javascript en Foros del Web. estimados tento el siguiente input <input id=1 name="hola" otro=3 > y necesito rescatar el valir que tiene el atributo "otro" mediante javascript el id y ...
  #1 (permalink)  
Antiguo 13/10/2014, 11:38
Avatar de mc_quake  
Fecha de Ingreso: enero-2006
Ubicación: www.ecocargo.cl
Mensajes: 683
Antigüedad: 18 años, 3 meses
Puntos: 8
como obtener un atributo de un objeto

estimados tento el siguiente input
<input id=1 name="hola" otro=3>

y necesito rescatar el valir que tiene el atributo "otro" mediante javascript

el id y el name es faciel rescatarlo pero no se como hacerlo con el otro atributo
__________________
Mc_Quake

Para ayudar en lo que se pueda:Zzz:
  #2 (permalink)  
Antiguo 13/10/2014, 14:14
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 10 años, 8 meses
Puntos: 578
Respuesta: como obtener un atributo de un objeto

El problema es que de esa forma no generas un documento válido, porque dicho atributo no está descrito en su correspondiente DTD. La solución son los pseudo atributos data-* de HTML5 que permiten crear atributos de forma arbitraria:

Código HTML:
Ver original
  1. <input id=1 name="hola" data-otro="3">

Y para obtenerlo:

Código Javascript:
Ver original
  1. .getAttribute('data-otro');
  2. .dataset.otro; // camel case cuando sea necesario

Última edición por PHPeros; 15/10/2014 a las 08:36
  #3 (permalink)  
Antiguo 13/10/2014, 15:09
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: como obtener un atributo de un objeto

Cita:
Iniciado por PHPeros Ver Mensaje
Y para obtenerlo:

Código Javascript:
Ver original
  1. .getAttribute('data-otro');
  2. .dataset.dataOtro; // Con su forma camel case
Aunque, en este caso, basta con que ponga dataset.otro.

Código Javascript:
Ver original
  1. .dataset.otro;

La escritura camelCase aplicaría solo en caso de que el pseudo-atributo estuviera compuesto por más palabras, como data-foo-bar, en ese caso sí aplica la escritura camelCase.

Código Javascript:
Ver original
  1. .dataset.fooBar;

Ya no se vuelve a colocar data delante del nombre del pseudo-atributo, solo se conserva cuando se utilizan los métodos getAttribute o setAttribute.

Saludos
__________________
«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 14/10/2014, 08:38
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 10 años, 8 meses
Puntos: 578
Respuesta: como obtener un atributo de un objeto

Ushh tienes razón... me había quedado con que era data-data-otro

Etiquetas: input, objeto
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 20:21.