Los últimos tutoriales de desarrollo web
 

HTML DOM attributes Propery

<Elemento de objeto

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

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

Ejemplos

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 "

<Elemento de objeto