Atributo attributes del elemento HTML DOM

Definición y uso

attributes Atributo que devuelve la colección de atributos dentro del elemento.

attributes Atributo que devuelve NamedNodeMap.

NamedNodeMap

NamedNodeMap Es una colección desordenada similar a un array de atributos del elemento.

En otras palabras: NamedNodeMap es Objeto Attr.

NamedNodeMap proporciona una lista que puede devolver el número de nodos. Propiedad length.

Se puede acceder a los nodos por nombre o por número de índice (subíndice). El índice comienza en 0.

Vea también:

Atributos del HTML DOM

Ejemplo

Ejemplo 1

¿Cuántos atributos tiene el elemento <img>?:

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

Prueba por ti mismo

Ejemplo 2

Mostrar todos los atributos del 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;

Prueba por ti mismo

Ejemplo 3

¿Cuántos atributos tiene el elemento <button>?:

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

Prueba por ti mismo

Ejemplo 4

Obtener el nombre del segundo atributo (índice 1) de un elemento <button>:

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

Prueba por ti mismo

Sintaxis

node.attributes

Valor devuelto

Tipo Descripción
NamedNodeMap Conjunto de objetos de atributo.

Compatibilidad del navegador

element.attributes Es una característica del nivel DOM 1 (1998).

Todos los navegadores lo soportan completamente:

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