Latest web development tutorials

HTML DOM getElementsByClassName método ()

Documento de Referencia de objetos objetos del documento

Ejemplos

Obtener todos los elementos por nombre de clase:

var x = document.getElementsByClassName ( "ejemplo" );

Trate »

Definiciones y uso

getElementsByClassName método () devuelve todos los elementos del documento se especifica el nombre de clase de la colección, como objeto NodeList.

objeto NodeList que representa una orden de la lista de nodos. Lista_nodos objeto que podemos acceder a la lista de nodos (número de índice a partir de 0) a través de la lista de nodos del número de índice de nodo.

Consejo: Puede utilizar el objeto NodeList de longitud propiedad para determinar el número de elementos por nombre de la clase, y los diversos elementos del ciclo para obtener los elementos que necesita.


Soporte para el navegador

Las cifras de la tabla representan el primer navegador compatible con el número de versión del método.

camino
getElementsByClassName () 4.0 9.0 3.0 3.1 9.5

gramática

document.getElementsByClassName (nombre de clase)

parámetros

parámetros tipo descripción
nombre_clase cadena Must. clases de elementos que necesita para obtener el nombre.

nombres de las clases separadas por espacios múltiples, tales como "demostración de prueba".

Descripción técnica

Versión DOM: Nivel básico Objeto Documento 1
Devuelve: NodeList objeto que representa el elemento especifica el nombre de clase de la colección. El orden de los elementos de la colección de su tipo en orden de aparición en el código.

Ejemplos

más ejemplos

Ejemplos

Obtiene el "ejemplo" y "color" al nombre de la clase de todos los elementos:

var x = document.getElementsByClassName( "example color" );

Trate »

Ejemplos

¿Cuántas estilo de clase = "ejemplo" elementos (utilizando la propiedad length del NodeList) para ver el documento son:

var x = document.getElementsByClassName( "example" ).length;

Trate »

Ejemplos

Cambiar el color de fondo de todas = "ejemplo" elementos de clase de estilos:

var x = document.getElementsByClassName( "example" );
var i;
for (i = 0 ; i < x.length; i++) {
    x[i].style.backgroundColor = "red" ;
}

Trate »

Páginas relacionadas

CSS tutorial: selectores CSS

CSS Referencia: selectores CSS .class

Manual de HTML DOM Referencia: Elemento .getElementsByClassName ()

HTML DOM Referencia: atributo className

Manual de HTML DOM Referencia: HTML DOM atributos classList

Manual de HTML DOM Referencia: DOM HTML del objeto Estilo


Documento de Referencia de objetos objetos del documento