Oggetto attributo HTML DOM

Oggetto Attr

L'oggetto Attr rappresenta gli attributi dell'oggetto Element.

Gli attributi HTML appartengono sempre agli elementi HTML.

In molti metodi DOM, potresti recuperare direttamente l'attributo sotto forma di stringa (ad esempioElement .getAttribute() ma alcune funzioni (ad esempio Element.getAttributeNode()) o iterando i metodi di tipo Attr forniti.

Oggetto NamedNodeMap

L'oggetto NamedNodeMap rappresenta un insieme non ordinato di oggetti Attr.

I nodi nel NamedNodeMap possono essere acceduti tramite nome o numero di indice.

Attributi e metodi

Esempio

Questo esempio mostra tutti i nomi degli attributi dell'elemento IMG:

var attrList = document.querySelector("img").attributes;
var text = "";
　　　
for (let x = 0; x < attrList.length; x++) {
　　　　text += attrList[x].name + "<br>";
}

Questo esempio mostra tutti i valori degli attributi dell'elemento IMG:

var attrList = document.querySelector("img").attributes;
var text = "";
　　　
for (let x = 0; x < attrList.length; x++) {
　　　　text += attrList[x].value + "<br>";
}

Questo esempio cambia il valore dell'attributo src dell'elemento IMG:

var image = document.querySelector("img");
image.getAttributeNode("src").value = "heart.jpg";