JavaScript-de elementleri aýyrmak
Indi elementleri aýyrmagy öwreneli.
Bunun üçin
remove metodyny ulanmaly.
Mysal üçin, muny nähili etmelidigine serediň.
Bizde abzaslar bar bolsun:
html<p>element 1</p>
<p>element 2</p>
<p>element 3</p>
<p>element 4</p>
<p>element 5</p>
Her abzasyň üstüne basylanyňda aýrylsyny edeliň:
javascriptlet elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
elem.remove();
});
}
Задание 1
Aşakdaky kod berlen:
html<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
Her bir li elementiniň üstüne basylanyňda aýrylmagyny ediň.
Задание 2
Aşakdaky kod berlen:
html<ul id="parent">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<input type="submit" id="button">
Düwmäniň her bir gezek basylmagynda
#parent-iň iň soňky elementini aýyryň.