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

У вашего броузера проблема в совместимости с HTML5

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: https://www.youtube.com/c/itgid
Канал UA: https://www.youtube.com/channel/UC2WYDELeKCCfJoQMFPiMvJg

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 Двойные и одинарные кавычки, экранирование