Exemplo
Descubra quantos atribui um <button> elemento tem:
var x = document.getElementById("myBtn").attributes.length;O resultado x poderia ser:
2 Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
A propriedade atributos retorna uma coleção de atributos do nó especificado, como um objeto NamedNodeMap.
Os nós podem ser acessados por números de índice, eo índice começa em 0.
Dica: Numerical indexação é útil para passar por todos os atributos de um elemento: Você pode usar o comprimento propriedade do objeto NamedNodeMap para determinar o número de atributos, então você pode percorrer todos os atributos nós e extrair a informação que deseja.
Dica: atributos HTML são nós de atributo, com todas as propriedades e métodos disponíveis para o Atributo objeto.
Suporte navegador
| Propriedade | |||||
|---|---|---|---|---|---|
| attributes | sim | sim | sim | sim | sim |
Nota: No Internet Explorer 8 e versões anteriores, a propriedade atributos irá retornar uma coleção de todos os atributos possíveis para um elemento.
Sintaxe
node .attributes
Detalhes técnicos
| Valor de retorno: | Um objeto NamedNodeMap, o que representa uma coleção de atributos do nó |
|---|---|
| DOM Versão | Núcleo Nível Objeto 1 Node |
mais Exemplos
Exemplo
Obter o nome de um <button> segundo elemento (index 1) atributo:
var x = document.getElementById("myBtn").attributes[1].name;O resultado x poderia ser:
onclick Tente você mesmo " Exemplo
Descubra quantos atribui uma <img> elemento tem:
var x = document.getElementById("myImg").attributes.length;O resultado x poderia ser:
5 Tente você mesmo " Exemplo
Loop através de todos os atributos de um <img> elemento e saída nome eo valor de cada atributo:
var x = document.getElementById("myImg");
var txt = "";
var i;
for (i =
0; i < x.attributes.length; i++) {
txt = txt +
x.attributes[i].name + " = " + x.attributes[i].value + "<br>";
} Tente você mesmo "