Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Inventarse atributos etiqueta HTML

Estas en el tema de Inventarse atributos etiqueta HTML en el foro de Javascript en Foros del Web. Hola, buenas a todos, me preguntaba si podía "inventarme" nuevos atributos para las etiquetas HTML y poder luego leerlos desde js. Por ejemplo: Código HTML: ...
  #1 (permalink)  
Antiguo 22/06/2014, 17:11
Avatar de legomolina  
Fecha de Ingreso: junio-2011
Ubicación: Valencia
Mensajes: 165
Antigüedad: 12 años, 10 meses
Puntos: 3
Inventarse atributos etiqueta HTML

Hola, buenas a todos,
me preguntaba si podía "inventarme" nuevos atributos para las etiquetas HTML y poder luego leerlos desde js.
Por ejemplo:
Código HTML:
<div id="id" nombreCampo="algo">...</div> 
Sería correcto poner eso, o me tengo que limitar a los atributos que me proporciona HMTL5?
En caso de que fuese admisible, podría leerlo así?:
Código Javascript:
Ver original
  1. var atributo=document.getElementById("id").nombreCampo;

Gracias a todos.
  #2 (permalink)  
Antiguo 22/06/2014, 18:11
Avatar de razpeitia
Moderador
 
Fecha de Ingreso: marzo-2005
Ubicación: Monterrey, México
Mensajes: 7.321
Antigüedad: 19 años, 1 mes
Puntos: 1360
Respuesta: Inventarse atributos etiqueta HTML

Usa los atributos custom data-*

http://html5doctor.com/html5-custom-data-attributes/
  #3 (permalink)  
Antiguo 22/06/2014, 18:21
Avatar de legomolina  
Fecha de Ingreso: junio-2011
Ubicación: Valencia
Mensajes: 165
Antigüedad: 12 años, 10 meses
Puntos: 3
Respuesta: Inventarse atributos etiqueta HTML

Perfecto. Muchas gracias :)
  #4 (permalink)  
Antiguo 22/06/2014, 21:00
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: Inventarse atributos etiqueta HTML

Como extra, para acceder a dichos pseudo-atributos, puedes hacerlo de cualquiera de estas dos formas:

Código Javascript:
Ver original
  1. elemento.getAttribute("data-atributo");
  2. elemento.dataset.atributo; //En HTML5

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

Etiquetas: atributos, etiqueta, html, js
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 07:16.