Տարրերի ջնջում JavaScript-ում

Եկեք հիմա սովորենք ջնջել տարրերը: Դրա համար անհրաժեշտ է օգտագործել remove մեթոդը: Օրինակով տեսնենք, թե ինչպես է դա արվում: Ենթադրենք ունենք պարբերություններ.

<p>տարր 1</p>
<p>տարր 2</p>
<p>տարր 3</p>
<p>տարր 4</p>
<p>տարր 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-ից ջնջվի վերջին տարրը: