JavaScript'те элементтерди жок кылуу
Келгиле, элементтерди жок кылууну үйрөнөлү.
Бул үчүн remove методу колдонулат.
Мисал аркылуу карап көрөлү.
Бизде параграфтар болсун:
html<p>элем 1</p>
<p>элем 2</p>
<p>элем 3</p>
<p>элем 4</p>
<p>элем 5</p>
Келгиле, ар кандай параграф ага чыкылдаганда жок болушун кылалы:
javascriptlet elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
elem.remove();
});
}
Задание 1
Төмөнкү код берилген:
html<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
Ар бир li ага чыкылдаганда
жоголушун кылыңыз.
Задание 2
Төмөнкү код берилген:
html<ul id="parent">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<input type="submit" id="button">
Баскычты ар бир чыкылдоодо #parentтен
акыркы элемент жоголушун кылыңыз.