getElementsByClassName ක්‍රමය

getElementsByClassName ක්‍රමය class ගුණාංගයේ නියම කර ඇති ඔවුන්ගේ පංතිය අනුව පිටුවේ අංග ලබා ගැනීමට ඉඩ සලසයි. ලබාගත් අංග සමඟ විවිධ අතුරුමැඩපෑවීම් කළ හැකිය: ඒවායේ පෙළ, ගුණාංග, CSS විලාසයන් වෙනස් කිරීම සහ තවත්.

වාක්‍ය රචනා ශිල්පය

javascriptdocument.getElementsByClassName(පංති නම);

උදාහරණය

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

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

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

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

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

තවද බලන්න

  • querySelectorAll ක්‍රමය,
    එය තෝරන්නා අනුව අංග සමූහයක් ලබා ගනී
  • getElementsByTagName ක්‍රමය,
    එය ටැගය අනුව අංග සමූහයක් ලබා ගනී