JavaScript'те элементтерди клондоо

Бул сабакта биз элементтердин көчүрмөлөрүн алууну үйрөнөбүз. Бул көчүрмөлөр менен кадимки элементтер сыяктуу иштөөгө болот - аларды өзгөртүү жана барактын керектуу жерине киргизүү. Элементтердин көчүрмөлөрүн алуу процесси клондоо деп аталат.

Элементти cloneNode методу менен клондого болот. Бул методго параметр катары true же false берилиши керек. Эгерде true берилсе, анда элемент толугу менен, бардык атрибуттары жана багынган элементтери менен бирге клондолот, ал эми false берилсе - жөн ганы элемент өзү клондолот.

Мисалды карап көрөлү. Бизде мындай код бар дейли:

<div id="parent">
	<div class="elem">
		<p>биринчи абзац</p>
		<p>экинчи абзац</p>
	</div>
</div>

elem класстагы блогдун көчүрмөсүн жасап, аны #parent блогунун аягына киргизели:

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

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

Натыйжада мындай болот:

<div id="parent">
	<div class="elem">
		<p>биринчи абзац</p>
		<p>экинчи абзац</p>
	</div>
	<div class="elem">
		<p>биринчи абзац</p>
		<p>экинчи абзац</p>
	</div>
</div>

Инпут берилген. Кнопка берилген. Кнопканы басканда бул инпутту клондогонунуз.