Выбор ответа Junior DOM API обновлено

Что делает closest

Вопрос

Что вернёт el.closest('.card')?

Попробуйте сами

Выберите вариант, и откроется разбор.

Показать ответ и разбор

Коротко

Правильный ответ: Сам el или ближайшего предка с классом card, иначе null. closest поднимается от самого элемента вверх по предкам и возвращает первый, подходящий под селектор, либо null.

Варианты ответа

  1. Ближайший соседний элемент с классом card на том же уровне
  2. Первого потомка el с классом card при обходе в глубину
  3. Сам el или ближайшего предка с классом card, иначе nullправильный ответ
  4. Массив всех предков el с классом card, снизу вверх по дереву

Разбор

closest поднимается от самого элемента вверх по предкам и возвращает первый, подходящий под селектор, либо null. Сам элемент тоже проверяется. Соседей он не смотрит, потомков ищет querySelector, а массив он не возвращает никогда. На этом строится делегирование событий: event.target.closest('.card').

Ответьте сами, а не прочитайте

В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.

Термины по теме