JavaScript හි මූලද්රව්ය සමූහයක් ලබා ගැනීම
පෙර පාඩම් වලදී අපි
querySelector ක්රමය භාවිතා කරමින් එක්
පිටුවේ මූලද්රව්යයක් ලබා ගත්තෙමු.
දැන් මූලද්රව්ය සමූහයක් ලබා ගැනීමට සහ වහාම
බොහෝ මූලද්රව්ය සමඟ මෙහෙයුම් කිහිපයක් සිදු කිරීමට
ඉගෙන ගැනීමට කාලය පැමිණ තිබේ.
මේ සඳහා querySelectorAll ක්රමය පවතී,
එය CSS තෝරන්නා යටතේ ඇති සියලුම ටැග් ලබා ගනී,
මූලද්රව්ය අරාවක් ලෙස. සොයාගත් මූලද්රව්ය සමඟ
යමක් කිරීමට,
ලබාගත් අරාව සමඟ වැඩ කිරීමට අවශ්ය වේ, උදාහරණයක් ලෙස,
එය ලූපයකින් පුරා සහ ලූපය තුළ සිදු කරන්න
එක් එක් මූලද්රව්ය සමඟ වෙන වෙනම යම් මෙහෙයුමක්.
උදාහරණයක් ලෙස, අපට පන්තිය සහිත ඡේද ලබා දී ඇතැයි සිතමු
www:
<p class="www">text1</p>
<p class="www">text2</p>
<p class="www">text3</p>
අපි මෙම ඡේදවල අරාව ලබා ගෙන, ඒවා ලූපයකින් පුරා සහ ලූපය තුළ සොයාගත් ඡේදවල පෙළ කොන්සෝලයට ප්රතිදානය කරමු:
let elems = document.querySelectorAll('.www');
for (let elem of elems) {
console.log(elem.textContent);
}
දැන් අපි එක් එක් ඡේදයේ පෙළ අවසානයට හැඩි හැඩැති සලකුණක් එකතු කරමු:
let elems = document.querySelectorAll('.www');
for (let elem of elems) {
elem.textContent = elem.textContent + '!';
}
ඡේද සහ බොත්තමක් දෙනු ලැබේ. බොත්තම
ක්ලික් කිරීමෙන්
සියලුම ඡේද සොයා ගන්න, ඒවා ලූපයකින් පුරා සහ
එක් එක් ඡේදයේ පෙළ අගයට සකසන්න
'text'.
පෙළ සහිත ඡේද සහ බොත්තමක් දෙනු ලැබේ. බොත්තම ක්ලික් කිරීමෙන් එක් එක් ඡේදයේ පෙළ අවසානයට එහි අනුක්රමික අංකය ලියන්න.
අංක සහිත ආදාන, ඡේදය සහ බොත්තමක් දෙනු ලැබේ. බොත්තම ක්ලික් කිරීමෙන් ආදාන වලින් අංකවල එකතුව සොයා ගන්න සහ මෙම එකතුව ඡේදයේ පෙළට ලියන්න.
