querySelector

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

Функция querySelector() выбирает первый элемент, соответствующий мощному CSS-подобному селектору, обеспечивая большую гибкость, чем предыдущие методы, для сложного выбора элементов. Пример:

const button = document.querySelector("#btn");

Вот как мы получаем доступ к элементу button с id btn.

Задание

Легко

Вам дан HTML-код, который содержит кнопку.

Используя только JavaScript,

Получите элемент, используя функцию querySelector.
Измените backgroundColor на "red", используя свойство style.
Измените color на "white", используя свойство style.

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

<!DOCTYPE html>
<html>
    <body>
        <button id="myButton">Click Me</button>
        <script src="script.js"></script>
    </body>
</html>

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

1Введение

Введение Document Object Model

2Методы DOM I

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

3Методы DOM II

querySelectorAll addEventListener innerHTML createElement и appendChild classList toggle