Uigaji wa Vitu kwa JavaScript

Katika somo hili tutajifunza kupata nakala za vitu. Kwa nakala hizi tunaweza kufanya kazi, kama kwa vitu vya kawaida - kubadilisha na kuziingiza mahali palipohitajika ukurasa. Mchakato wa kupata nakala za vitu unaitwa uigaji.

Unaweza kuiga kitu kwa kutumia njia cloneNode. Katika njia hii unahitaji kupeleka kipimo cha true au false. Ikiwa imepelekwa true, basi kitu kitaigwa kabisa, pamoja na sifa zote na vitu vya watoto, na ikiwa false - tu kitu yenyewe.

Wacha tuangalie kwa mfano. Hebu tuseme tuna na msimbo kama huu:

<div id="parent">
	<div class="elem">
		<p>aya ya kwanza</p>
		<p>aya ya pili</p>
	</div>
</div>

Wacha tutengeneze nakala ya kizuizi chenye kelasī elem na tuiingize mwishoni mwa kizuizi #parent:

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

let clone = elem.cloneNode(true);
parent.appendChild(clone);

Kama matokeo, tutapata yafuatayo:

<div id="parent">
	<div class="elem">
		<p>aya ya kwanza</p>
		<p>aya ya pili</p>
	</div>
	<div class="elem">
		<p>aya ya kwanza</p>
		<p>aya ya pili</p>
	</div>
</div>

Amepewa ingizo. Amepewa kifungo. Kwa kubonyeza kifungo iige ingizo hili.