Выдаленне элементаў на JavaScript
Давайце цяпер навучымся выдаляць элементы.
Для гэтага трэба выкарыстоўваць
метад remove. Паглядзім
на прыкладзе, як гэта робіцца.
Хай у нас ёсць абзацы:
<p>elem 1</p>
<p>elem 2</p>
<p>elem 3</p>
<p>elem 4</p>
<p>elem 5</p>
Давайце зробім так, каб любы абзац выдаляўся па кліку на ім:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
elem.remove();
});
}
Дадзены наступны код:
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
Зрабіце так, каб любая li выдалялася
па кліку на яе.
Дадзены наступны код:
<ul id="parent">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<input type="submit" id="button">
Зрабіце так, каб па кожным кліку на кнопку
выдаляўся апошні элемент з #parent.