in

Método HTML DOM getElementsByClassName ()

❮ Objeto de documento

Ejemplo

Obtenga todos los elementos con el nombre de clase especificado:

var x = document.getElementsByClassName («ejemplo»);

Inténtalo tú mismo »

Más ejemplos de «Pruébelo usted mismo» a continuación.


Definición y uso

El método getElementsByClassName () devuelve una colección de todos los elementos del documento con el nombre de clase especificado, como un objeto HTMLCollection.

El objeto HTMLCollection representa una colección de nodos. Se puede acceder a los nodos mediante números de índice. El índice comienza en 0.

Propina: Puede usar la propiedad length del objeto HTMLCollection para determinar la cantidad de elementos con un nombre de clase específico, luego puede recorrer todos los elementos y extraer la información que desee.


Soporte del navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el método.

Método
getElementsByClassName () 4.0 9.0 3,0 3.1 9.5

Sintaxis

document.getElementsByClassName (nombre de la clase)

Valores paramétricos

Parámetro Escribe Descripción
nombre de la clase Cuerda Requerido. El nombre de clase de los elementos que desea obtener.

Para buscar varios nombres de clases, sepárelos con espacios, como «prueba de demostración».



Detalles técnicos

Versión DOM: Objeto de documento de nivel básico 1
Valor devuelto: Un objeto HTMLCollection, que representa una colección de elementos con el nombre de clase especificado. Los elementos de la colección devuelta se ordenan como aparecen en el código fuente.

Más ejemplos

Ejemplo

Obtenga todos los elementos con las clases «ejemplo» y «color»:

var x = document.getElementsByClassName («color de ejemplo»);

Inténtalo tú mismo »

Ejemplo

Descubra cuántos elementos con class = «example» hay en el documento (usando la propiedad length del objeto HTMLCollection):

var x = document.getElementsByClassName («ejemplo»). length;

Inténtalo tú mismo »

Ejemplo

Cambie el color de fondo de todos los elementos con class = «ejemplo»:

var x = document.getElementsByClassName («ejemplo»);
var i;
para (i = 0; i X[i].style.backgroundColor = «rojo»;
}

Inténtalo tú mismo »


páginas relacionadas

Tutorial CSS: Sintaxis CSS

Referencia CSS: CSS .clase Selector

Referencia HTML DOM: elemento.getElementsByClassName ()

Referencia HTML DOM: propiedad className

Referencia HTML DOM: propiedad classList

Referencia HTML DOM: Objeto de estilo

Referencia HTML DOM: Objeto HTMLCollection


❮ Objeto de documento

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Descargas del centro de operaciones de oracleEnterprise Manager

Comentarios de PHP – javatpoint