Элементҳоро дар JavaScript нест кардан

Биёед акнун нест кардани элементҳоро омӯзем. Барои ин бояд аз методи remove истифода кард. Бинед дар мисол, ки ин чӣ гуна анҷом дода мешавад. Бигзор мо абзасҳо дошта бошем:

<p>element 1</p>
<p>element 2</p>
<p>element 3</p>
<p>element 4</p>
<p>element 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 нест карда шавад.