querySelectorAll মেথড

querySelectorAll মেথডটি CSS সিলেক্টর দ্বারা পৃষ্ঠার এলিমেন্ট পাওয়ার অনুমতি দেয়। প্রাপ্ত এলিমেন্টগুলির সাথে বিভিন্ন ম্যানিপুলেশন করা সম্ভব হবে: তাদের টেক্সট, অ্যাট্রিবিউট, CSS স্টাইল ইত্যাদি পরিবর্তন করা।

সিনট্যাক্স

javascriptdocument.querySelectorAll(সিলেক্টর);

উদাহরণ

আসুন www ক্লাস সহ সমস্ত এলিমেন্ট পাই এবং textContent প্রপার্টি ব্যবহার করে তাদের টেক্সট পরিবর্তন করি:

html<p class="www">elem 1</p>
<p class="www">elem 2</p>
<p class="www">elem 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>

আরও দেখুন