JavaScript: От Основ до Full-Stack Разработки
- -
- 100%
- +
Используйте document.querySelector() для доступа к первому
- и измените его textContent.
- в
- и добавьте им класс list-item с помощью forEach() и element.classList.add().
- с заданным текстом и добавляет его в конец существующего
- на странице.
Создайте элемент
с текстом “Этот параграф будет удален”. Добавьте его на страницу. Затем найдите этот параграф по его textContent (это можно сделать, например, через document.querySelectorAll('p') и цикл, или если у него есть ID) и удалите его с помощью element.remove().
Эта глава заложила основу для взаимодействия JavaScript с веб-страницей. Мы научились находить элементы, изменять их содержимое, атрибуты и стили, а также создавать и удалять элементы. Это критически важный навык для любого веб-разработчика.
В следующей главе мы углубимся в то, как JavaScript реагирует на действия пользователя — мы будем изучать события.
Глава 8: Реакция на Действия: События.
Мы научились находить элементы на веб-странице и изменять их. Но что делает веб по-настоящему захватывающим, так это интерактивность — способность страницы реагировать на то, что делает пользователь. Щелчки мыши, нажатия клавиш, движение курсора, отправка форм, загрузка страницы — все это события.
Термин: Событие (Event) — это сигнал, который генерируется системой (браузером, операционной системой, пользовательским агентом) в ответ на определенное действие. JavaScript может “слушать” эти сигналы и выполнять определенный код в ответ.
Конец ознакомительного фрагмента.
Текст предоставлен ООО «Литрес».
Прочитайте эту книгу целиком, купив полную легальную версию на Литрес.
Безопасно оплатить книгу можно банковской картой Visa, MasterCard, Maestro, со счета мобильного телефона, с платежного терминала, в салоне МТС или Связной, через PayPal, WebMoney, Яндекс.Деньги, QIWI Кошелек, бонусными картами или другим удобным Вам способом.
Создайте кнопку и
с id myBox, который имеет начальный стиль (цвет фона, размеры) через CSS.При нажатии на кнопку, используя addEventListener (которое мы рассмотрим позже), измените цвет фона div на случайный. Для генерации случайного цвета используйте Math.random() для RGB-компонентов.Купить и скачать всю книгуНапишите функцию createListItem(text), которая создает новый элемент
- с заданным текстом и добавляет его в конец существующего
Используйте document.querySelectorAll() для получения всех