Инструменты веб-разработчика. Как используется консоль браузера для отладки кода. Вкладки Elements, Sources и Network. Breakpoints – точки останова. Как дебажить код?
Примеры динамической типизации в JavaScript. Преобразование различных типов данных в строку, в число и в булевы значения. Использование унарного плюса и конкатенации. Команды String, Number и Boolean.
Получение элементов с веб-страницы в JavaScript. Выборка по id, по имени тега и по классу. Методы getElementById, getElementsByTagName и getElementsByClassName.
Получение элементов со страницы: метод queryselectorall возвращает все элементы по указанному CSS селектору или группе селекторов. Метод querySelector возвращает первый элемент по указанному селектору.
Действия с элементами на странице. Как изменить стиль одного или нескольких элементов страницы средствами JavaScript. Свойства объекта style: CSSStyleDeclaration. Свойство cssText. Использование циклов и методов перебора.
Метод createElement - создание нового элемента. Свойство classList и метод add - добавление классов. Методы для вставки элементов на страницу append и prepend, before и after.
Устаревшие методы для работы с элементами на странице в JavaScript. Вставка элементов – методы insertBefore и appendChild. Метод removeChild удаляет дочерний элемент. Действия с элементами на странице происходят через родителя.
Вставка текста и html-кода на страницу в JavaScript. Методы innerHTML и textContent. Метод insertAdjacentHTML - вставка кода относительно опорного элемента в любое место страницы: ключевые слова afterbegin, afterend, beforebegin или beforeend.
Практическая задача JavaScrip по отработки действий со страницей. Удаление элементов страницы. Редактирование текста и вставка html-кода. Изменение заднего фона.