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>
ආදාන ක්ෂේත්රයක් ලබා දී ඇත. බොත්තමක් ලබා දී ඇත. බොත්තම ක්ලික් කිරීමෙන් මෙම ආදාන ක්ෂේත්රය ක්ලෝනය කරන්න.
