Каталог
Веб-разработка с нуля: четыре курса по порядку.
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Каталог
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Урок 36 из 114 · 9 мин
parentElement, children, closest, nextElementSibling и matches.
Кнопка «Убрать» внутри карточки. Удалить надо карточку целиком, а не кнопку.
От кнопки поднимись к ближайшему предку-карточке: closest(".card").
.parentElementconst b = document.querySelector("b");
console.log(b.parentElement.tagName);.childrenconsole.log(document.querySelector("ul").children.length);closest()const btn = document.querySelector("button");
console.log(btn.closest(".card").dataset.id);.nextElementSiblingpreviousElementSibling.console.log(document.querySelector("dt").nextElementSibling.textContent);matches()el.matches(".sold") → true или false.console.log(document.querySelector("li").matches(".sold"));От кнопки до её карточки — closest. Это надёжнее цепочки parentElement.parentElement.
Найди кнопку внутри карточки с data-id="2" и удали всю эту карточку через closest(".card").
closest — пока нетВыберите один ответ.
Что вернёт el.closest(".card")?
Выберите один ответ.
Чем children отличается от querySelectorAll("*")?
Проверяем состояние обучения…