JavaScript හි මූලද්‍රව්‍ය සමූහයක් ලබා ගැනීම

පෙර පාඩම් වලදී අපි querySelector ක්‍රමය භාවිතා කරමින් එක් පිටුවේ මූලද්‍රව්‍යයක් ලබා ගත්තෙමු. දැන් මූලද්‍රව්‍ය සමූහයක් ලබා ගැනීමට සහ වහාම බොහෝ මූලද්‍රව්‍ය සමඟ මෙහෙයුම් කිහිපයක් සිදු කිරීමට ඉගෙන ගැනීමට කාලය පැමිණ තිබේ.

මේ සඳහා querySelectorAll ක්‍රමය පවතී, එය CSS තෝරන්නා යටතේ ඇති සියලුම ටැග් ලබා ගනී, මූලද්‍රව්‍ය අරාවක් ලෙස. සොයාගත් මූලද්‍රව්‍ය සමඟ යමක් කිරීමට, ලබාගත් අරාව සමඟ වැඩ කිරීමට අවශ්‍ය වේ, උදාහරණයක් ලෙස, එය ලූපයකින් පුරා සහ ලූපය තුළ සිදු කරන්න එක් එක් මූලද්‍රව්‍ය සමඟ වෙන වෙනම යම් මෙහෙයුමක්.

උදාහරණයක් ලෙස, අපට පන්තිය සහිත ඡේද ලබා දී ඇතැයි සිතමු www:

html<p class="www">text1</p>
<p class="www">text2</p>
<p class="www">text3</p>

අපි මෙම ඡේදවල අරාව ලබා ගෙන, ඒවා ලූපයකින් පුරා සහ ලූපය තුළ සොයාගත් ඡේදවල පෙළ කොන්සෝලයට ප්‍රතිදානය කරමු:

javascriptlet elems = document.querySelectorAll('.www');

for (let elem of elems) {
  console.log(elem.textContent);
}

දැන් අපි එක් එක් ඡේදයේ පෙළ අවසානයට හැඩි හැඩැති සලකුණක් එකතු කරමු:

javascriptlet elems = document.querySelectorAll('.www');

for (let elem of elems) {
  elem.textContent = elem.textContent + '!';
}