Propiedades attributes del DOM HTML

Objeto Elemento de HTML DOM

attributesLa propiedad de atributo devuelve la colección activa de todos los nodos de atributo registrados en el nodo de elemento especificado.

Se puede acceder a los nodos mediante el número de índice, que comienza en 0.

Se puede determinar el número de propiedades usando la propiedad length del objeto NamedNodeMap.

Las propiedades HTML son nodos de atributo, todasAtributos y métodosSe puede usar en el objeto Attribute.

Sintaxis:

element.attributes

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

Compatibilidad del navegador

Todos los navegadores admiten completamente la propiedad attribute:

Detalles técnicos

Más ejemplos

Obtener el segundo atributo del elemento IMG (índice1）de su nombre：

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

Obtener el segundo atributo del elemento IMG (índice1）de su valor：

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

Recorrer todas las propiedades del elemento IMG y mostrar el nombre y el valor de cada propiedad:

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 de HTML DOM