Método getElementsByClassName() del HTML DOM

Objeto Elemento de HTML DOM

elemento.getElementsByClassName()Se devuelve un objeto de array de clase que contiene todos los elementos subordinados con el nombre de clase especificado. Cuando se llama en el objeto document, se realiza una búsqueda en todo el documento DOM, incluyendo el nodo raíz. También se puede llamar al método getElementsByClassName() en cualquier elemento, que devolverá todos los elementos subordinados con el nombre de clase especificado, comenzando desde el elemento actual como nodo raíz.

La lista de elementos devuelta se ordena 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.

UsolengthLa propiedad determina la cantidad de elementos subordinados que tienen el nombre de clase especificado, luego se puede recorrer todos los elementos y extraer la información necesaria.

Eldocument.getElementsByClassName()El funcionamiento del método es básicamente el mismo, solo que actúa sobre todo el documento, comenzando en el nodo raíz del documento.

Sintaxis:

element.getElementsByClassName(clase)

var gBox = document.getElementById("greenBox");
gBox.getElementsByClassName("demo")[0].innerHTML = "Hello World";

Compatibilidad del navegador

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

Valor del parámetro

Detalles técnicos

Referencias relacionadas

Tutoriales de CSSSintaxis de CSS

Referencia de CSSCSS .classSelector

Referencia de HTML DOMpropiedad className

Referencia de HTML DOMpropiedad classList

Referencia de HTML DOMdocument.getElementsByClassName()Métodos

Referencia de HTML DOMelemento.getElementsByTagName()Métodos

Objeto Elemento de HTML DOM