Los últimos tutoriales de desarrollo web
 

HTML DOM length Propery

<Atributo de objeto

Ejemplo

Obtener el número de atributos de un <button> elemento:

var x = document.getElementsByTagName("BUTTON")[0].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 de longitud devuelve el número de nodos en un objeto NamedNodeMap.

Los atributos de un objeto nodo es un ejemplo de un objeto NamedNodeMap.

Esta propiedad es de solo lectura.

Consejo: Utilice el item() método para devolver un nodo en el índice especificado en un objeto NamedNodeMap.

Soporte del navegador

Propiedad
length Sí Sí Sí Sí Sí

Nota: En Internet Explorer 8 y versiones anteriores, la propiedad length de atributos devolverá el número de todos los atributos posibles para un elemento.

Sintaxis

namednodemap .length

Detalles técnicos

Valor de retorno: Un número, que representa el número de nodos de atributo en el nodemap
Versión DOM Nivel básico 1
Ejemplos

Más ejemplos

Ejemplo

Recorrer todos los atributos de un <button> elemento y mostrará el nombre de cada atributo:

var txt = "";
var x = document.getElementById("myBtn").attributes;

var i;
for (i = 0; i < x.length; i++) {
    txt += "Attribute name: " + x[i].name + "<br>";
}

El resultado de txt será:

Attribute name: id
Attribute name: onclick
Attribute name: class
Inténtalo tú mismo "

Ejemplo

Averiguar cuántas atribuye un <img> elemento tiene:

var x = document.getElementById("myImg").attributes.length;

El resultado de x 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 txt = "";
var x = document.getElementById("myImg");

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 "

<Atributo de objeto