Attributi dell'elemento HTML DOM
Esempi
Quanti attributi ha l'elemento <img>:
let numb = document.getElementById("myImg").attributes.length;
Visualizza tutti gli attributi di un elemento <img>:
const nodeMap = document.getElementById("myImg").attributes;
let text = "";
for (let i = 0; i < nodeMap.length; i++) {
text += nodeMap[i].name + " = " + nodeMap[i].value + "<br>";
}
document.getElementById("demo").innerHTML = text;
Altri esempi di seguito.
Definizione e utilizzo
La attributes
proprietà restituisce una raccolta di attributi in un elemento.
La attributes
proprietà restituisce una NamedNodeMap.
NamedNodeMap
Un NamedNodeMap è una raccolta (elenco) simile a un array di oggetti Attr (Attributi).
Un NamedNodeMap ha una proprietà length che restituisce il numero di attributi nell'elenco.
È possibile accedere agli attributi tramite numeri di indice. L'indice inizia da 0.
Guarda anche:
Sintassi
node.attributes
Valore di ritorno
Tipo | Descrizione |
NamedNodeMap | Una raccolta di oggetti attributo. |
Altri esempi
Quanti attributi ha l'elemento <button>:
let numb = document.getElementById("myButton").attributes.length;
Ottieni il nome del secondo attributo (indice 1) di un elemento <button>:
let attr = document.getElementById("myBtn").attributes[1].name;
Supporto browser
element.attributes
è una funzionalità DOM di livello 1 (1998).
È completamente supportato in tutti i browser:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |