Каталог
Веб-разработка с нуля: четыре курса по порядку.
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Каталог
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Урок 32 из 114 · 9 мин
Что такое DOM, document, querySelector, querySelectorAll и getElementById.
Как код «видит» мою страницу?
Я читаю HTML и строю из него дерево объектов — DOM. Каждый тег — объект, с которым JavaScript может работать.
documentconsole.log(document.title || "без заголовка", document.body.children.length);querySelector()null.const title = document.querySelector("h1");
console.log(title.textContent);querySelectorAll()for…of или forEach.const items = document.querySelectorAll(".item");
console.log(items.length);
items.forEach((li) => console.log(li.textContent));getElementById()id, без решётки.console.log(document.getElementById("status").textContent);Ищешь элемент — пиши селектор как в CSS. Не нашёл — вернётся null, проверь селектор.
Найди заголовок h1 в переменную title, все .item — в items, элемент с id="status" — в statusEl.
title — заголовок — пока нетВыберите один ответ.
Что вернёт querySelector, если ничего не нашлось?
Выберите один ответ.
Как найти все элементы с классом item?
Проверяем состояние обучения…