querySelector পদ্ধতি

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

সিনট্যাক্স

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

উদাহরণ

আসুন #elem প্যারাগ্রাফটি পাই এবং textContent ব্যবহার করে এর টেক্সট পরিবর্তন করি:

html<p id="elem">টেক্সট</p>

javascriptlet elem = document.querySelector('#elem');
elem.textContent = '!!!';

কোড এক্সিকিউট করার ফলাফল:

html<p id="elem">!!!</p>

উদাহরণ

আসুন .elem ক্লাস সহ প্যারাগ্রাফটি পাই এবং এর টেক্সট পরিবর্তন করি:

html<p class="elem">টেক্সট</p>

javascriptlet elem = document.querySelector('.elem');
elem.textContent = '!!!';

কোড এক্সিকিউট করার ফলাফল:

html<p id="elem">!!!</p>

আরও দেখুন