El método getElementsByClassName() se utiliza para seleccionar u obtener los elementos a través del valor de su nombre de clase. Este método DOM devuelve un objeto similar a una matriz que consta de todos los elementos que tienen el nombre de clase especificado. Al llamar al método getElementsByClassName() en cualquier elemento en particular, buscará en todo el documento y devolverá solo aquellos elementos que coincidan con el nombre de clase especificado o dado.
Sintaxis
var ele=document.getELementsByClassName('name');
Aquí, el nombre es el argumento obligatorio que se debe pasar. Es la cadena que especifica un único nombre de clase o varios nombres de clase para que coincidan.
Ejemplo de método getElementsByClassName()
Veamos algunos ejemplos para conocer y comprender la implementación práctica del método.
Ejemplo
Es una implementación de clase simple que devuelve un objeto similar a una matriz al invocar la variable x.
<h5>DOM Methods </h5> This is a simple class implementation var x=document.getElementsByClassName('Class'); document.write('On calling x, it will return an arrsy-like object: <br>'+x);
Producción:
listas de látex
De manera similar, podemos implementar el método getElementsByClassName() para devolver colecciones de elementos para múltiples clases.
Diferencia entre los métodos getElementsByClassName(), querySelector() y querySelectorAll()
getElementsByClassName(): Coincide con los elementos con el nombre de clase especificado y devuelve un conjunto de elementos coincidentes. Los elementos devueltos son una colección de elementos HTML en vivo. Estos elementos activos se pueden actualizar aún más si se realizan cambios en el modelo de objetos de documento.
selector de consulta(): Devuelve solo un elemento que coincide con el nombre de clase especificado. Si no encuentra ningún elemento coincidente, devuelve nulo.
El punto principal a entender es que todos los métodos descritos anteriormente devuelven un elemento o una lista, pero el método getELementsByClassName() sirve para dinámica actualización, y los otros dos métodos sirven para la estático .