DOM මූලද්‍රව්‍ය කණ්ඩායමක් ශ්‍රිත පරාමිතීන් ලෙස යවා ගැනීම
දැන් අපගේ setText ශ්‍රිතය
පළමු පරාමිතිය ලෙස එක් මූලද්‍රව්‍යයකට
සබැඳියක් නොව, වහාම මූලද්‍රව්‍ය කට්ටලයක්
පිළිගන්නා බවට සිතමු:
function setText(elems, text) {
for (let elem of elems) {
elem.textContent = text;
}
}
ප්‍රායෝගිකව අපගේ ශ්‍රිතය පරීක්ෂා කර බලමු. අපට පහත ඡේද ඇතැයි සිතමු:
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
අපගේ ශ්‍රිතය භාවිතයෙන් මෙම ඡේද සියල්ලටම යම් පාඨයක් සකස් කරමු:
let elems = document.querySelectorAll('.elem');
setText(elems, 'text');
appendText ශ්‍රිතයක් සාදන්න. එය
පළමු පරාමිතිය ලෙස DOM මූලද්‍රව්‍ය අරාවක්
පිළිගනී, දෙවන පරාමිතිය ලෙස - පාඨය. මෙම
ශ්‍රිතය පාඨය යවනු ලැබූ මූලද්‍රව්‍යවල
අවසානයට එකතු කරන ආකාරයට සාදන්න.
appendElem ශ්‍රිතයක් සාදන්න. එය
පළමු පරාමිතිය ලෙස ul ටැගය අඩංගු
DOM වස්තුවකට සබැඳියක් පිළිගනී,
දෙවන පරාමිතිය ලෙස - පාඨය. මෙම
ශ්‍රිතය නව li එකක් නිර්මාණය කර
යවනු ලැබූ පාඨය සමඟ එය යවනු ලැබූ
ul ටැගයේ අවසානයට එකතු කරන ආකාරයට සාදන්න.
අරාවක් සහ ul එකක් ලබා දී ඇත.
පෙර කාර්යයේ සාදන ලද
appendElem ශ්‍රිතය භාවිතයෙන්,
අරාවේ සෑම අංගයක්ම මෙම
ul තුළ වෙනම li එකකට ලියන්න.
