Atributo attributes do Elemento HTML DOM

Definição e uso

attributes Atributo que retorna o conjunto de atributos no elemento.

attributes Atributo que retorna NamedNodeMap.

NamedNodeMap

NamedNodeMap uma coleção desordenada de atributos do elemento semelhante a um array.

Por outro lado: NamedNodeMap é Objeto Attr.

NamedNodeMap fornece uma lista que pode retornar o número de nós. Atributo length.

Os nós podem ser acessados por nome ou número de índice (subscrito). O índice começa em 0.

Veja também:

Atributos do HTML DOM

Exemplo

Exemplo 1

Quantos atributos há no elemento <img>?:

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

Experimente você mesmo

Exemplo 2

Exibir todos os atributos do 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;

Experimente você mesmo

Exemplo 3

Quantos atributos há no elemento <button>?:

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

Experimente você mesmo

Exemplo 4

Obtenha o nome do segundo atributo (índice 1) de um elemento <button>:

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

Experimente você mesmo

Sintaxe

node.attributes

Retorno

Tipo Descrição
NamedNodeMap conjunto de objetos de atributo.

Suporte do navegador

element.attributes É uma característica do DOM Level 1 (1998).

Todos os navegadores suportam plenamente:

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