querySelectorAll ක්‍රමය

querySelectorAll ක්‍රමය ඔබට අත්තනෝමතික CSS selector එකක් භාවිතා කර පිටුවේ අංග ලබා ගැනීමට ඉඩ සලසයි. ලබාගත් අංග සමඟ විවිධ ක්‍රියාමාර්ග සිදු කළ හැකිය: ඒවායේ පෙළ, ගුණාංග, CSS විලාසයන් වෙනස් කිරීම සහ තවත් බොහෝ දේ.

වාග් රීතිය

javascriptdocument.querySelectorAll(selector);

උදාහරණය

අපි www වර්ගය සහිත සියලුම අංග ලබාගෙන textContent ගුණාංගය භාවිතා කර ඒවායේ පෙළ වෙනස් කරමු:

html<p class="www">අංගය 1</p>
<p class="www">අංගය 2</p>
<p class="www">අංගය 3</p>
javascriptlet elems = document.querySelectorAll('.www');

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

කේතය ක්‍රියාත්මක කිරීමේ ප්‍රතිඵලය:

html<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>

මෙයද බලන්න

  • querySelector ක්‍රමය,
    selector එකක් භාවිතා කර අංගයක් ලබා ගනී
  • getElementsByClassName ක්‍රමය,
    වර්ගයක් අනුව අංග සමූහයක් ලබා ගනී
  • getElementsByTagName ක්‍රමය,
    ටැගයක් අනුව අංග සමූහයක් ලබා ගනී