querySelectorAll মেথড

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

সিনট্যাক্স

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

উদাহরণ

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

<p class="www">elem 1</p>
<p class="www">elem 2</p>
<p class="www">elem 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 মেথড,
যা সিলেক্টর দ্বারা একটি এলিমেন্ট পায়
getElementsByClassName মেথড,
যা ক্লাস দ্বারা এলিমেন্টের একটি গ্রুপ পায়
getElementsByTagName মেথড,
যা ট্যাগ দ্বারা এলিমেন্টের একটি গ্রুপ পায়