Objeto Atributo do HTML DOM

O objeto Attr

O objeto Attr representa os atributos do objeto Element.

Os atributos HTML sempre pertencem a elementos HTML.

Em muitos métodos DOM, você pode recuperar diretamente os atributos na forma de string (por exemploElement .getAttribute() e algumas funções (por exemplo, Element.getAttributeNode()) ou iterações de métodos de tipos de Attr dados.

O objeto NamedNodeMap

O objeto NamedNodeMap representa uma coleção desordenada de objetos Attr.

Os nós podem ser acessados pelo nome ou pelo número de índice no NamedNodeMap.

Atributo e método

Exemplo

Este exemplo mostra todos os nomes dos atributos do elemento IMG:

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

Este exemplo mostra todos os valores dos atributos do elemento IMG:

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

Este exemplo altera o valor da propriedade src do elemento IMG:

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