Тест на знание DOM

Вопрос 1 из 8

Какой метод находит первый элемент, подходящий под CSS-селектор?

getElementById()✓✗ querySelector()✓✗ getElementsByClass()✓✗ findElement()✓✗

Вопрос 2 из 8

Что возвращает document.querySelectorAll(".item")?

Один элемент✓✗ Массив строк✓✗ NodeList со всеми подходящими элементами✓✗ undefined, если элементов нет✓✗

Вопрос 3 из 8

Как повесить обработчик клика на кнопку?

btn.click = function(){}✓✗ btn.addEventListener("click", fn)✓✗ btn.event("click", fn)✓✗ btn.on("click", fn)✓✗

Вопрос 4 из 8

Чем отличается innerHTML от textContent?

Ничем, это одно и то же✓✗ innerHTML задаёт HTML-разметку, textContent — только текст✓✗ textContent задаёт HTML, а innerHTML — только текст✓✗ innerHTML работает только для чтения✓✗

Вопрос 5 из 8

Какое событие срабатывает при изменении значения select или input и потере фокуса?

onclick✓✗ onchange✓✗ onsubmit✓✗ onload✓✗

Вопрос 6 из 8

Как остановить стандартное поведение формы при отправке?

event.stop()✓✗ event.preventDefault()✓✗ form.cancel()✓✗ return false в любом случае✓✗

Вопрос 7 из 8

Как добавить CSS-класс элементу через JavaScript?

el.class.add("active")✓✗ el.classList.add("active")✓✗ el.addClass("active")✓✗ el.style.class = "active"✓✗

Вопрос 8 из 8

Что такое всплытие событий (event bubbling)?

Событие происходит только на одном элементе✓✗ Событие поднимается от дочернего элемента к родительским✓✗ Событие блокируется автоматически✓✗ Это устаревший механизм, который больше не используется✓✗