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

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

2

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

innerHTML

insertAdjacentHTML

appendChild

getElementById

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

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

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

HTML-контент

CSS-класс

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

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

appendChild

insertBefore

cloneNode

getElementById

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

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

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

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

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

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

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

addEventListener

removeEventListener

click

keydown

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

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

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

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

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

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

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

click

Щелчок мыши

keydown

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

mouseover

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

submit

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

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

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

Создаёт id

Удаляет id

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

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

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

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

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

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

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

setAttribute

getAttribute

removeAttribute

querySelector

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

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

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

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

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

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

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

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

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

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

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

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

appendChild

insertBefore

cloneNode

getElementById

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

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

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

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

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

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

click

dblclick

mouseover

keydown

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

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

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

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

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

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

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

element.remove()

element.delete()

removeChild()

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

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

add

remove

toggle

appendChild

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

undefined

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

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

innerHTML

insertAdjacentHTML

getElementById

removeAttribute

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

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

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

Удаляет body

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

loading...