Atributos del elemento HTML DOM
Ejemplos
Cuántos atributos tiene el elemento <img>:
let numb = document.getElementById("myImg").attributes.length;
Mostrar todos los atributos de un 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;
Más ejemplos a continuación.
Definición y uso
La attributes
propiedad devuelve una colección de atributos en un elemento.
La attributes
propiedad devuelve un NamedNodeMap.
NamedNodeMap
Un NamedNodeMap es una colección similar a una matriz (lista) de objetos Attr (atributos).
Un NamedNodeMap tiene una propiedad de longitud que devuelve el número de atributos de la lista.
Se puede acceder a los atributos mediante números de índice. El índice comienza en 0.
Ver también:
Sintaxis
node.attributes
Valor devuelto
Escribe | Descripción |
NamedNodeMap | Una colección de objetos de atributo. |
Más ejemplos
Cuántos atributos tiene el elemento <button>:
let numb = document.getElementById("myButton").attributes.length;
Obtenga el nombre del segundo atributo (índice 1) de un elemento <button>:
let attr = document.getElementById("myBtn").attributes[1].name;
Compatibilidad con navegador
element.attributes
es una característica DOM Nivel 1 (1998).
Es totalmente compatible con todos los navegadores:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |