JavaScriptте элементтерди жок кылуу үчүн шилтемелер түзүү

Азыр бизде көптөгөн абзацтар бар деп коёлу:

<div id="parent">
	<p>текст1</p>
	<p>текст2</p>
	<p>текст3</p>
</div>

Ар бир абзацтын аягына аны жок кылуу үчүн шилтеме кошулганын кылалы.

Башында шилтемени кошууну ишке ашыралы:

let elems = document.querySelectorAll('#parent p');

for (let elem of elems) {
	let remove = document.createElement('a');
	remove.href = '';
	remove.textContent = 'жок кылуу';
	
	elem.appendChild(remove);
}

Эми шилтемени басканда, тиешелүү абзац жок кылынганын кылалы:

let elems = document.querySelectorAll('#parent p');

for (let elem of elems) {
	let remove = document.createElement('a');
	remove.href = '';
	remove.textContent = 'жок кылуу';
	elem.appendChild(remove);
	
	remove.addEventListener('click', function(event) {
		elem.remove();
		event.preventDefault();
	});
}

ul теги берилген. Ар бир li тегинин аягына бул li тизмеден жок кылуу үчүн шилтеме кошуңуз.

HTML таблицасы берилген. Ага дагы бир тилке кошуңуз, анда ар бир таблица катары үчүн бул катарды жок кылуу үчүн шилтеме турат.