Тест по основам программирования на JavaScript

Тема 5: Работа с DOM и событиями в JavaScript

2

Что делает document.createElement("div")?

Новый div элемент

Изменяет существующий

Удаляет элемент

Создаёт новый div-элемент, который ещё не вставлен в DOM

Что делает element.removeEventListener("click", fn)?

Удаляет обработчик

Вызывает событие

Создаёт событие

Удаляет ранее добавленный обработчик события click

Какие методы работы с классами элементов существуют?

add

remove

toggle

appendChild

add, remove и toggle — стандартные методы classList. appendChild не относится

Что делает element.cloneNode(true)?

Глубокое копирование элемента и детей

Удаляет элемент

Изменяет исходный элемент

Создаёт копию элемента вместе с его потомками (глубокое копирование)

Какие события можно обрабатывать на кнопке?

click

dblclick

mouseover

keydown

click, dblclick и mouseover — корректные. keydown обрабатывается на document/input

Как добавить HTML-контент внутрь элемента?

innerHTML

insertAdjacentHTML

appendChild

getElementById

innerHTML и insertAdjacentHTML вставляют HTML-код

Что делает element.textContent?

Текстовое содержимое элемента

HTML-контент

CSS-класс

Возвращает или задаёт текстовое содержимое элемента

Какие методы позволяют вставлять элемент в DOM?

appendChild

insertBefore

cloneNode

getElementById

appendChild и insertBefore — корректные. cloneNode — копия, getElementById — поиск

Что делает element.addEventListener("click", fn)?

Добавляет обработчик события клика

Вызывает событие

Удаляет обработчик

Привязывает обработчик события click к элементу

Что делает element.getAttribute("id")?

Возвращает значение атрибута id

Создаёт id

Удаляет id

Возвращает текущее значение атрибута id

Какие методы позволяют перемещать элемент в DOM?

appendChild

insertBefore

cloneNode

getElementById

Что делает element.classList.add("active")?

Добавляет класс

Удаляет элемент

Возвращает класс

Добавляет CSS-класс "active" элементу

Что делает cloneNode(false)?

Поверхностное копирование элемента

Глубокое копирование

Удаляет исходный элемент

Копирует элемент без дочерних элементов

Что делает document.body?

Возвращает элемент body

Создаёт новый body

Удаляет body

Возвращает элемент <body> текущего документа

Что делает insertAdjacentHTML(position, html)?

Вставляет HTML в указанное место

Заменяет элемент полностью

Создаёт новый документ

Вставляет HTML в указанное место относительно элемента (beforebegin, afterbegin, beforeend, afterend)

Что делает event.stopPropagation()?

Останавливает всплытие

Удаляет обработчик

Выполняет функцию

Прекращает всплытие события вверх по дереву DOM

Что делает element.style.backgroundColor = "red"?

Устанавливает цвет фона

Удаляет элемент

Добавляет класс

Изменяет цвет фона элемента на красный

Соотнеси события и тип действия

click

Щелчок мыши

keydown

Нажатие клавиши

mouseover

Наведение мыши

submit

Отправка формы

Какие методы позволяют вставлять HTML-контент?

innerHTML

insertAdjacentHTML

getElementById

removeAttribute

Как удалить элемент из DOM?

element.remove()

element.delete()

removeChild()

Метод remove() удаляет элемент из DOM

Какие методы изменяют атрибуты элементов?

setAttribute

getAttribute

removeAttribute

querySelector

setAttribute, getAttribute, removeAttribute — работают с атрибутами. querySelector — выборка элементов

Что делает event.preventDefault()?

Отменяет стандартное поведение элемента

Останавливает выполнение функции

Удаляет событие

Отменяет действие по умолчанию браузера для события

Что возвращает document.querySelector(".class")?

Первый элемент с указанным классом

Все элементы с классом

undefined

Первый найденный элемент с указанным классом

Какие методы работы с событиями существуют?

addEventListener

removeEventListener

click

keydown

addEventListener и removeEventListener управляют событиями. click, keydown — события, не методы

loading...