ජවාස්ක්‍රිප්‍ට් හි DOM අංග සමඟ වැඩ කිරීමේ ශ්‍රිත
දැන් අපි DOM සමඟ මෙහෙයුම් සිදු කරන සහායක
ශ්‍රිත සාදන ආකාරය ඉගෙන ගනිමු.
උදාහරණයක් ලෙස, පළමු පරාමිතිය ලෙස අංගයේ
id ය, දෙවන පරාමිතිය ලෙස අංගයේ පෙළ යනාදී වශයෙන් ගන්නා
එම අංගයට නව පෙළයක් සකසන ශ්‍රිතයක් සාදමු.
විස්තර කර ඇති ශ්‍රිතය මෙයයි:
function setText(id, text) {
let elem = document.getElementById(id);
elem.textContent = text;
}
අපි එහි ක්‍රියාකාරිත්වය පරීක්ෂා කර බලමු. අපට ඡේද දෙකක් තිබේ යැයි සිතමු:
<p id="elem1"></p>
<p id="elem2"></p>
අපි සාදන ලද ශ්‍රිතය භාවිතා කරමින් මෙම ඡේදවල පෙළ වෙනස් කරමු:
setText('elem1', 'text1');
setText('elem2', 'text2');
මම සාදන ලද ශ්‍රිතය වෙනස් කරන්න එය
අංගයේ id යන පරාමිතිය පිළිගන්නේ නැතිව
අත්තනෝමතික CSS තේරුම්කරණයක් පිළිගන්නා පරිදි.
setAttr ශ්‍රිතය සාදන්න, එය
DOM අංගයක ගුණාංගය වෙනස් කරයි. පළමු
පරාමිතිය ලෙස ශ්‍රිතය අංගයේ තේරුම්කරණය,
දෙවන පරාමිතිය ලෙස ගුණාංගයේ නම,
තෙවන පරාමිතිය ලෙස එහි නව අගය යනාදී වශයෙන් ගනිමින්.
