Aggiunta di variabili agli elementi DOM

Question

Vorrei chiedere se è "legale" aggiungere variabili personalizzate agli elementi del corpo del documento. Per esempio:

document.getElementById('elem1').customVariable = 'xxx'; 

Questo codice solo di lavoro, ma non so se è 'permesso'

Non appare nella lista degli argomenti di tag, ma variabile è utilizzabile in ulteriore codice ..

Answer 1

credo che funzionerà, ma il modo più comune per aggiungere attributo personalizzato è come questo:

<div id="elem1" data-customVariable="foo" 

E poi

document.getElementById('elem1').setAttribute("data-customVariable", "bar"); 

O se più vecchio starter browser sul setAttribute

document.getElementById('elem1')["data-customVariable"] ="bar"; 

EDIT

Grazie a pimvdb per aver ricordato che si può anche fare

document.getElementById('elem1').dataset.customVariable ="bar"; 

Basta notare che si' Dovrò vedere come lo chiami, l'involucro del cammello può lanciarlo f. Vorrete

<div id="elem1" data-custom-variable="xxx"></div>