Propriedades attributes do HTML DOM

Objeto Elemento DOM HTML

attributesOs atributos retornam a coleção ativa de todos os nós de atributo registrados no nó de elemento especificado.

Os atributos podem ser acessados por meio de índices, começando do 0.

Use a propriedade length do objeto NamedNodeMap para determinar o número de atributos.

As propriedades HTML são nós de atributo, todasPropriedades e métodosDisponível para o objeto Attribute.

Sintaxe:

element.attributes

var len = document.querySelector("img").attributes.length;

Compatibilidade do navegador

Todos os navegadores suportam completamente a propriedade attribute:

技术细节

更多实例

获取IMG元素的第二个属性（索引1）的名称：

var　x　=　document.querySelector("img").attributes[1].name;

获取IMG元素的第二个属性（索引1“

var　x　=　document.querySelector("img").attributes[1].value;

Varre todos os atributos do elemento IMG e exibe o nome e o valor de cada atributo:

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

Objeto Elemento DOM HTML