Ta bort element i JavaScript
Låt oss nu lära oss att ta bort element.
För att göra detta behöver du använda
metoden remove. Låt oss titta
på ett exempel på hur detta görs.
Anta att vi har följande stycken:
<p>elem 1</p>
<p>elem 2</p>
<p>elem 3</p>
<p>elem 4</p>
<p>elem 5</p>
Låt oss göra så att vilket stycke som helst tas bort när man klickar på det:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
elem.remove();
});
}
Följande kod är given:
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
Gör så att vilken li som helst tas bort
när man klickar på den.
Följande kod är given:
<ul id="parent">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<input type="submit" id="button">
Gör så att vid varje klick på knappen
så tas det sista elementet bort från #parent.
