data-*
(attributo base HTML) crea un attributo con nome personalizzabile dallo sviluppatore, a fini CSS e JavaScript, purché venga mantenuto il prefisso data-
, seguito da almeno una lettera. Ogni elemento HTML può avere più attributi personalizzati. E’ un attributo HTML globale.
tag |
valore |
---|---|
Tutti |
|
Esempio
<script> function clicca_qui(item) { var nome = item.getAttribute("data-personalizzato"); alert(nome); } </script> <div data-personalizzato="Tizio" onclick="clicca_qui(this)"> Clicca qui per visualizzare il valore di questo data-* </div> <div data-personalizzato="Caio" onclick="clicca_qui(this)"> Clicca qui per visualizzare il valore di questo data-* </div>
Clicca qui per visualizzare il valore di questo data-*
Clicca qui per visualizzare il valore di questo data-*
Contenuti correlati
- CSS
- HTML
- JavaScript
- jQuery
- PHP
- SQL
- WORDPRESS
0 Comment