JavaScript - вывод информации на страницу HTML

Опубликовано: 29 Октябрь 2024
на канале: WebDev с нуля. Канал Алекса Лущенко

3,915

136

iTGid.info - курсы Алекса Лущенко
🪬 Курс JavaScript 24 : https://itgid.info/ru/course/js24

🫶 Поблагодарить автора - монобанк: 5375414126666006 Лущенко О
🍹 Задонатить - https://www.buymeacoffee.com/itgid

✈️ Задать вопрос через телеграм: https://telegram.me/itgid_admin

Курсы автора:
ReactJS: https://itgid.info/ru/course/reactjs
Методы массивов: https://itgid.info/ru/course/arraymethod

Канал ru: / itgid
Канал UA: / @itgidua-web7836

js 24, javascript 24, js24 js2.0, js24 лущенко александр, js24 itgid, vscode javascript, vscode autosave, vscode whitespacing

В спринте изучаем вывод информации на страницу в JavaScript. Применяем методы для получения элементов страницы: getElementById, querySelector. Изучаем как работать с селекторами CSS в методе querySelector. Изучаем как работает querySelector на нескольких элементах. Выводим информацию с помощью textContent и innerHTML. Рассматриваем разницу между данными свойствами в выводе тегов на страницу. Создаем изображение на странице с помощью innerHTML. Пишем строки с двойными и одинарными кавычками в коде. Экранируем кавычки.

00:00 Обзор курса JS24 и спринта
02:30 Вывод информации на страницу с помощью document.getElementById
12:20 Свойство textContent
14:40 Прямое обращение по id элемента
15:15 document.querySelector() метод
19:00 Применение селекторов CSS в querySelector
21:10 querySelector и получение по id элемента
23:30 Получение элемента по имени тега
26:30 Разница между textContent и innerHTML
28:50 Создание элементов в HTML с помощью innerHTML
31:30 Двойные и одинарные кавычки, экранирование