Тест на знання 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)?

Подія відбувається тільки на одному елементі✓✗ Подія піднімається від дочірнього елемента до батьківських✓✗ Подія блокується автоматично✓✗ Це застарілий механізм, який більше не використовується✓✗