querySelectorAll

Lección 9 de 13 del curso Métodos del DOM de JavaScript de Coddy.

La función querySelectorAll() devuelve una colección de todos los elementos que coinciden con un selector de tipo CSS, similar a querySelector pero permitiéndote obtener todos los elementos coincidentes a la vez.

const elements = document.querySelectorAll(".other");

Lo anterior recupera todos los elementos con el nombre de clase other.

Desafío

Fácil

Se te proporciona un código HTML que contiene dos etiquetas span.

Utilizando solo JavaScript, cambia el estilo de todos los elementos, usando la función querySelectorAll:

backgroundColor a "pink"
border a "1px solid red"

Pruébalo tú mismo

<!DOCTYPE html>
<html>
    <body>
        <span class="error">Error 1</span>
        <span class="error">Error 2</span>
        <script src="script.js"></script>
    </body>
</html>

Todas las lecciones de Métodos del DOM de JavaScript

1Introducción

Introducción Document Object Model

2Métodos del DOM I

getElementById Modificar el estilo del elemento getElementsByClassName Recorrer y manipular getElementsByTagName querySelector

3Métodos del DOM II

querySelectorAlladdEventListener innerHTML createElement y appendChild classList toggle