Esempio
Scopri quanti attribuisce un <button> elemento ha:
var x = document.getElementById("myBtn").attributes.length;Il risultato di x potrebbe essere:
2 Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
La proprietà attributi restituisce un insieme di attributi del nodo specificato, come un oggetto NamedNodeMap.
I nodi sono accessibili da numeri di indice, e l'indice inizia a 0.
Suggerimento: numerica indicizzazione è utile per passare attraverso tutti gli attributi di un elemento: È possibile utilizzare la lunghezza di proprietà dell'oggetto NamedNodeMap per determinare il numero di attributi, allora è possibile scorrere tutti gli attributi nodi ed estrarre le informazioni che desidera.
Suggerimento: attributi HTML sono nodi di attributi, con tutte le proprietà ei metodi disponibili per il Attributo oggetto.
Supporto browser
| Proprietà | |||||
|---|---|---|---|---|---|
| attributes | sì | sì | sì | sì | sì |
Nota: In Internet Explorer 8 e versioni precedenti, la proprietà attributi restituirà una raccolta di tutti i possibili attributi per un elemento.
Sintassi
node .attributes
Dettagli tecnici
| Valore di ritorno: | Un oggetto NamedNodeMap, rappresenta un insieme di attributi del nodo |
|---|---|
| DOM Version | Nucleo Livello 1 Nodo Oggetto |
Altri esempi
Esempio
Ottenere il nome di un <button> secondo dell'elemento (index 1) attributo:
var x = document.getElementById("myBtn").attributes[1].name;Il risultato di x potrebbe essere:
onclick Prova tu stesso " Esempio
Scopri quanti attribuisce un <img> elemento ha:
var x = document.getElementById("myImg").attributes.length;Il risultato di x potrebbe essere:
5 Prova tu stesso " Esempio
Scorrere tutti gli attributi di un <img> elemento e l'uscita nome e il valore di ogni attributo:
var x = document.getElementById("myImg");
var txt = "";
var i;
for (i =
0; i < x.attributes.length; i++) {
txt = txt +
x.attributes[i].name + " = " + x.attributes[i].value + "<br>";
} Prova tu stesso "