Objeto de JavaScript

Manual de referencia de JavaScript

Manual de referencia de JS DOM

Objeto Elemento de HTML DOM Objeto Documento de HTML DOM

Método getElementsByClassName() de HTML DOM

getElementsByClassName()El método puede obtener elementos que tienen un valor de atributo class específico, y el valor devuelto es un conjunto.

Los elementos de la lista devuelta se ordenan según el orden en que aparecen en el código fuente.

Se puede acceder a la lista devuelta mediante el número de índice. El índice comienza en 0.

Uso de arrayslengthEl atributo determina el número de elementos que tienen el nombre de clase especificado, luego se puede recorrer todos los elementos y extraer la información necesaria.

Sintaxis：

document.getElementsByClassName(class)

Ejemplo

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

Prueba y mira‹/›

Compatibilidad del navegador

El método getElementsByClassName() es completamente compatible en todos los navegadores:

Método
getElementsByClassName()	Es	Es	Es	Es	Es

Valor del parámetro

Parámetros	Descripción
class	Una cadena que representa el nombre de clase del elemento que se desea obtener. Para buscar múltiples nombres de clase, separelos con espacios, por ejemplo, "demo color".

Detalles técnicos

Valor devuelto：	Devuelve un objeto similar a un array con todos los subelementos que tienen todos los nombres de clase dados.
Versión DOM:	Nivel DOM1

Más ejemplos

Obtener todos los elementos usando las clases "demo" y "color":

Ejemplo

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

Prueba y mira‹/›

Cambiar el color de fondo de todos los elementos usando class="demo":

Ejemplo

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

Prueba y mira‹/›

Referencias relacionadas

DOM Document querySelector()Métodos

DOM Document querySelectorAll()Métodos

DOM Document getElementById()Métodos

DOM Document getElementsByTagName()Métodos

Objeto Documento de HTML DOM

Objeto Elemento de HTML DOM Objeto Documento de HTML DOM