JavaScript-də elementlərin silinməsi
Gəlin indi elementləri silməyi öyrənək.
Bunun üçün
remove metodundan istifadə etmək lazımdır.
Nümunə üzərində baxaq, bunun necə edildiyinə.
Tutaq ki, abzaslarımız var:
<p>elem 1</p>
<p>elem 2</p>
<p>elem 3</p>
<p>elem 4</p>
<p>elem 5</p>
Gəlin elə edək ki, istənilən abzas onun üzərinə kliklənildikdə silinsin:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
elem.remove();
});
}
Aşağıdakı kod verilmişdir:
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
Elə edin ki, istənilən li
onun üzərinə kliklənildikdə silinsin.
Aşağıdakı kod verilmişdir:
<ul id="parent">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<input type="submit" id="button">
Elə edin ki, düyməyə hər klikdə
#parent-dan sonuncu element silinsin.
