Հղում տարրի ջնջման համար JavaScript-ում

Ենթադրենք ունենք պարբերություն: Եկեք դրա կողքին ստեղծենք հղում, որի օգնությամբ հնարավոր կլինի ջնջել այս պարբերությունը:

Իրականացնենք.

<div id="parent">
	<p id="elem">տեքստ</p>
	<a href="#" id="remove">ջնջել</a>
</div>

let elem   = document.querySelector('#elem');
let remove = document.querySelector('#remove');

remove.addEventListener('click', function() {
	elem.remove();
});

Ուշադրություն դարձրեք, որ հղման href ատրիբուտում դրված է #: Եթե հանենք այս # նշանը - կստանանք հղմանով անցում և, որպես հետևանք, էջի վերանթարման:

Իրականում պարբերության ջնջումը նույնպես տեղի կունենա, բայց մենք դա չենք նկատի, քանի որ էջը կվերանթարվի, և ամեն ինչ կվերադառնա սկզբնական դիրքին:

Խնդիրը լուծելու համար անհրաժեշտ է կանխել հղմանով անցումը՝ օգտագործելով preventDefault.

<div id="parent">
	<p id="elem">տեքստ</p>
	<a href="" id="remove">ջնջել</a>
</div>

let elem   = document.querySelector('#elem');
let remove = document.querySelector('#remove');

remove.addEventListener('click', function(event) {
	elem.remove();
	event.preventDefault(); // կանխում ենք հղմանով անցումը
});

Անկախ, առանց իմ կոդին նայելու, լուծեք նկարագրված խնդիրը: