HTML DOM getElementsByClassName método ()
Ejemplos
Obtener todos los elementos por nombre de clase:
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
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. |
más ejemplos
Ejemplos
Obtiene el "ejemplo" y "color" al nombre de la clase de todos los elementos:
Trate »
Ejemplos
¿Cuántas estilo de clase = "ejemplo" elementos (utilizando la propiedad length del NodeList) para ver el documento son:
Trate »
Ejemplos
Cambiar el color de fondo de todas = "ejemplo" elementos de clase de estilos:
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