Método getElementsByClassName
El método getElementsByClassName permite
obtener elementos de la página por su clase,
especificada en el atributo
class. Con los elementos obtenidos se pueden
realizar diversas manipulaciones:
cambiar su texto, atributos, estilos CSS y así sucesivamente.
Sintaxis
document.getElementsByClassName(nombre de clase);
Ejemplo
Obtengamos todos los elementos con la clase www
y cambiemos su texto usando la propiedad innerHTML:
<p class="www">elem 1</p>
<p class="www">elem 2</p>
<p class="www">elem 3</p>
let elems = document.getElementsByClassName('www');
for (let elem of elems) {
elem.innerHTML = '!!!';
}
Resultado de ejecutar el código:
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
Véase también
-
método
querySelectorAll,
que obtiene un grupo de elementos por selector -
método
getElementsByTagName,
que obtiene un grupo de elementos por etiqueta
