querySelectorAll

Урок 9 из 13 курса Методы JavaScript DOM на Coddy.

Функция querySelectorAll() возвращает коллекцию всех элементов, соответствующих CSS-селектору, аналогично querySelector, но позволяет получить все подходящие элементы сразу.

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

Приведенный выше код извлекает все элементы с именем класса other.

Задание

Легко

Вам дан HTML-код, содержащий два элемента span.

Используя только JavaScript, измените стилизацию всех элементов, используя функцию querySelectorAll:

backgroundColor на "pink"
border на "1px solid red"

Попробуйте сами

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

Все уроки раздела Методы JavaScript DOM

1Введение

Введение Document Object Model

2Методы DOM I

getElementById Изменение стиля элемента getElementsByClassName Перебор и манипуляция элементами getElementsByTagName querySelector

3Методы DOM II

querySelectorAlladdEventListener innerHTML createElement и appendChild classList toggle