Proprietà attributes dell'elemento HTML DOM

Definizione e uso

attributes Proprietà che restituisce la raccolta di attributi dell'elemento.

attributes Proprietà che restituisce NamedNodeMap.

NamedNodeMap

NamedNodeMap Una raccolta non ordinata simile a un array di proprietà dell'elemento.

In altre parole: NamedNodeMap è Oggetto Attr.

NamedNodeMap fornisce una lista che può restituire il numero di nodi. Proprietà length.

I nodi possono essere acceduti tramite nome o numero di indice (sottoscrizione). L'indice parte da 0.

Vedi anche:

Proprietà HTML DOM

Esempio

Esempio 1

Quanti attributi ha l'elemento <img>:

let numb = document.getElementById("myImg").attributes.length;

Prova personalmente

Esempio 2

Mostra tutte le proprietà dell'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;

Prova personalmente

Esempio 3

Quanti attributi ha l'elemento <button>:

let numb = document.getElementById("myButton").attributes.length;

Prova personalmente

Esempio 4

Ottieni il nome dell'attributo secondario (indice 1) di un elemento <button>:

let attr = document.getElementById("myBtn").attributes[1].name;

Prova personalmente

Sintassi

node.attributes

Valore di ritorno

Tipo Descrizione
NamedNodeMap Collezione di oggetti proprietà.

Supporto del browser

element.attributes È una caratteristica del DOM Level 1 (1998).

Tutti i browser supportano completamente:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Supporto 9-11 Supporto Supporto Supporto Supporto