querySelector পদ্ধতি
querySelector পদ্ধতি
CSS সিলেক্টর দ্বারা পৃষ্ঠার একটি এলিমেন্ট পাওয়ার অনুমতি দেয়।
প্রাপ্ত এলিমেন্টটির সাথে বিভিন্ন ম্যানিপুলেশন করা যাবে: এর টেক্সট পরিবর্তন করা,
অ্যাট্রিবিউট, CSS স্টাইল ইত্যাদি।
সিনট্যাক্স
document.querySelector(সিলেক্টর);
উদাহরণ
আসুন #elem প্যারাগ্রাফটি পাই এবং
textContent ব্যবহার করে এর টেক্সট পরিবর্তন করি:
<p id="elem">টেক্সট</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
কোড এক্সিকিউট করার ফলাফল:
<p id="elem">!!!</p>
উদাহরণ
আসুন .elem ক্লাস সহ প্যারাগ্রাফটি পাই
এবং এর টেক্সট পরিবর্তন করি:
<p class="elem">টেক্সট</p>
let elem = document.querySelector('.elem');
elem.textContent = '!!!';
কোড এক্সিকিউট করার ফলাফল:
<p id="elem">!!!</p>
আরও দেখুন
-
getElementByIdপদ্ধতি,
যাidদ্বারা এলিমেন্ট পায় -
querySelectorAllপদ্ধতি,
যা সিলেক্টর দ্বারা এলিমেন্টের একটি গ্রুপ পায়
