Element.getAttribute()

getAttribute() restituisce il valore di un attributo specificato sull'elemento. Se l'attributo specificato non esiste, il valore restituito sarà null o "" (la stringa vuota); vedi Appunti per maggiori dettagli.

Sintassi

var attributo = element.getAttribute(attributeName);

dove

• attributo è una stringa contenente il valore di attributeName.
• attributeName è il nome dell'attributo di cui si desidera ottenere il valore.

Esempio

let div1 = document.getElementById('div1');
let align = div1.getAttribute('align');

alert(align); // Mostra il valore di "align" per l'elemento con id="div1"

Appunti

Quando viene chiamato su un elemento HTML in un DOM contrassegnato come un documento HTML, getAttribute() converte in minuscolo il suo argomento prima di procedere.

Essenzialmente tutti i browser Web (Firefox, Internet Explorer, versioni recenti di Opera, Safari, Konqueror e iCab, come elenco non esaustivo) restituiscono null quando l'attributo specificato non è presente sull'elemento specificato e questo è quello che l'attuale bozza della specifica DOM specifica. La vecchia specifica del DOM 3 Core, d'altra parte, dice che il valore di ritorno corretto in questo caso è in realtà la stringa vuota, e alcune implementazioni DOM implementano questo comportamento. L'implementazione di getAttribute in XUL (Gecko) segue effettivamente la specifica DOM 3 Core e restituisce una stringa vuota. Di conseguenza, dovresti usare element.hasAttribute() per verificare l'esistenza di un attributo prima di chiamare getAttribute() se è possibile che l'attributo richiesto non esista sull'elemento specificato.

Compatibilità con i browser

Specifiche

• DOM Level 2 Core: getAttribute (introdotto in DOM Level 1 Core)
• HTML 5: APIs in HTML documents