querySelectorAll ක්රමය
querySelectorAll ක්රමය ඔබට
අත්තනෝමතික CSS selector එකක් භාවිතා කර
පිටුවේ අංග ලබා ගැනීමට ඉඩ සලසයි. ලබාගත්
අංග සමඟ විවිධ ක්රියාමාර්ග සිදු කළ හැකිය:
ඒවායේ පෙළ, ගුණාංග, CSS විලාසයන් වෙනස් කිරීම
සහ තවත් බොහෝ දේ.
වාග් රීතිය
document.querySelectorAll(selector);
උදාහරණය
අපි www වර්ගය සහිත සියලුම අංග ලබාගෙන
textContent ගුණාංගය භාවිතා කර ඒවායේ පෙළ වෙනස් කරමු:
<p class="www">අංගය 1</p>
<p class="www">අංගය 2</p>
<p class="www">අංගය 3</p>
let elems = document.querySelectorAll('.www');
for (let elem of elems) {
elem.textContent = '!!!';
}
කේතය ක්රියාත්මක කිරීමේ ප්රතිඵලය:
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
මෙයද බලන්න
-
querySelectorක්රමය,
selector එකක් භාවිතා කර අංගයක් ලබා ගනී -
getElementsByClassNameක්රමය,
වර්ගයක් අනුව අංග සමූහයක් ලබා ගනී -
getElementsByTagNameක්රමය,
ටැගයක් අනුව අංග සමූහයක් ලබා ගනී
