Ejemplo
Averiguar cuántas atribuye un <button> elemento tiene:
var x = document.getElementById("myBtn").attributes.length;
El resultado de x podría ser:
2
Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
La propiedad atributos devuelve una colección de atributos del nodo especificado, como un objeto NamedNodeMap.
Los nodos pueden ser accedidos por números de índice, y el índice comienza en 0.
Consejo: la indexación numérica es útil para ir a través de todos los atributos de un elemento: Puede utilizar la longitud de la propiedad del objeto NamedNodeMap para determinar el número de atributos, entonces se puede recorrer todos los atributos de los nodos y extraer la información que desee.
Consejo: atributos HTML son nodos de atributos, con todas las propiedades y métodos disponibles para la Atributo de objeto.
Soporte del navegador
Propiedad | |||||
---|---|---|---|---|---|
attributes | Sí | Sí | Sí | Sí | Sí |
Nota: En Internet Explorer 8 y versiones anteriores, la propiedad atributos devolverá una colección de todos los atributos posibles para un elemento.
Sintaxis
node .attributes
Detalles técnicos
Valor de retorno: | Un objeto NamedNodeMap, que representa una colección de atributos de nodo |
---|---|
Versión DOM | Nivel básico de objetos 1 Nodo |
Más ejemplos
Ejemplo
Obtener el nombre de un <button> segundo del elemento (index 1) atributo:
var x = document.getElementById("myBtn").attributes[1].name;
El resultado de x podría ser:
onclick
Inténtalo tú mismo " Ejemplo
Averiguar cuántas atribuye un <img> elemento tiene:
var x = document.getElementById("myImg").attributes.length;
El resultado de x podría ser:
5
Inténtalo tú mismo " Ejemplo
Recorrer todos los atributos de un <img> elemento de salida y el nombre y el 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>";
}
Inténtalo tú mismo "