[HTML] [attributo] data-*

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

data-[suffisso] = "[testo]"

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

Fonti esterne

attributi base html, html

Related Articles

0 Comment

Rispondi