Atributos do elemento HTML DOM
Exemplos
Quantos atributos o elemento <img> possui:
let numb = document.getElementById("myImg").attributes.length;
Exiba todos os atributos de um 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;
Mais exemplos abaixo.
Definição e uso
A attributes
propriedade retorna uma coleção de atributos em um elemento.
A attributes
propriedade retorna um NamedNodeMap.
NamedNodeMap
Um NamedNodeMap é uma coleção (lista) semelhante a um array de objetos Attr (Atributos).
Um NamedNodeMap tem uma propriedade de comprimento que retorna o número de atributos na lista.
Os atributos podem ser acessados por números de índice. O índice começa em 0.
Veja também:
Sintaxe
node.attributes
Valor de retorno
Modelo | Descrição |
NamedNodeMap | Uma coleção de objetos de atributo. |
Mais exemplos
Quantos atributos o elemento <button> possui:
let numb = document.getElementById("myButton").attributes.length;
Obtenha o nome do segundo atributo (índice 1) de um elemento <button>:
let attr = document.getElementById("myBtn").attributes[1].name;
Suporte ao navegador
element.attributes
é um recurso DOM Nível 1 (1998).
É totalmente suportado em todos os navegadores:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |