জাভাস্ক্রিপ্টে DOM এলিমেন্ট পাওয়া
এখন আমরা পৃষ্ঠার DOM এলিমেন্টগুলি পেতে শিখব, যাতে পরে সেগুলির সাথে কোনো ম্যানিপুলেশন করা যায়।
ধরুন আমাদের একটি বাটন আছে:
<input id="button" type="submit">
চলুন এই বাটনের একটি রেফারেন্স একটি ভেরিয়েবলে পাই।
এর জন্য বিশেষ অবজেক্ট document-এর মেথড querySelector
ব্যবহার করা উচিত। এই
মেথড প্যারামিটার হিসেবে একটি CSS সিলেক্টর নেয় এবং
সেই সিলেক্টর দ্বারা পাওয়া এলিমেন্টের একটি রেফারেন্স
রিটার্ন করে।
আমাদের বাটনের একটি id অ্যাট্রিবিউট আছে
যার মান button। এর মানে, আমরা
সিলেক্টর #button দিয়ে এই বাটনটি
খুঁজে পেতে পারি। তাহলে, চলুন আমাদের বাটনটি খুঁজে বের করি এবং
এর রেফারেন্স একটি ভেরিয়েবলে লিখি:
let button = document.querySelector('#button');
console.log(button);
3টি প্যারাগ্রাফ দেওয়া আছে:
<p id="elem1">1</p>
<p id="elem2">2</p>
<p id="elem3">3</p>
প্রতিটি প্যারাগ্রাফের রেফারেন্স আলাদা আলাদা ভেরিয়েবলে লিখুন এবং প্রতিটি ভেরিয়েবলের কন্টেন্ট কনসোলে আউটপুট করুন।
