Как удалить элемент "a", через чистый javascript, зная класс?
<div class="start">
<div>текст</div>
<a href="google.com">кнопка перехода куда-то</a>
</div>
Как мне удалить последний элемент или скрыть его?
Ответы (1 шт):
Автор решения: UModeL
→ Ссылка
Удаление элемента <a> из блока с классом .start (если таких элементов окажется несколько, то будет удалён первый найденный) :
document.querySelector(`.start > a`).remove();<div class="start">
<div>текст</div>
<a href="google.com">кнопка перехода куда-то</a>
</div>Скрытие последнего элемента (независимо от тега) в блоке с классом .start:
document.querySelector(`.start > *:last-child`).style.display = 'none';<div class="start">
<div>текст</div>
<a href="google.com">кнопка перехода куда-то</a>
</div>Скрытие последнего найденного элемента <a> в блоке с классом .start:
document.querySelector(`.start > a:last-of-type`).style.display = 'none';<div class="start">
<div>текст</div>
<a href="google.com">кнопка перехода куда-то</a>
<div>ещё текст</div>
<a href="google.com">кнопка перехода куда-то ещё</a>
<div>снова текст</div>
</div>Удаление всех элементов <a> из блока с классом .start:
[...document.querySelectorAll(`.start > a`)].forEach(el => el.remove());<div class="start">
<div>текст</div>
<a href="google.com">кнопка перехода куда-то</a>
<div>ещё текст</div>
<a href="google.com">кнопка перехода куда-то ещё</a>
<div>снова текст</div>
</div>