বৈশিষ্ট্য firstElementChild

বৈশিষ্ট্য firstElementChild প্রথম চাইল্ড এলিমেন্ট ধারণ করে। চাইল্ড এলিমেন্ট হিসেবে সেই সকল ট্যাগ বিবেচিত হয় যেগুলো সরাসরি ব্লকের ভিতরে অবস্থান করে। যদি এলিমেন্টের কোন চাইল্ড এলিমেন্ট না থাকে - null রিটার্ন করা হয়।

সিনট্যাক্স

element.firstElementChild;

উদাহরণ

এলিমেন্টের প্রথম চাইল্ডের কন্টেন্ট পাওয়া যাক:

<div id="parent">
	<p>1</p>
	<p>2</p>
</div>

let parent = document.querySelector('#parent');
let text = parent.firstElementChild.textContent;

console.log(text);

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

'1'

উদাহরণ

এবং এখন এলিমেন্টের কোন চাইল্ড এলিমেন্ট নেই এবং তাই null আউটপুট দেখাবে:

<div id="parent"></div>

let parent = document.querySelector('#parent');
console.log(parent.firstElementChild);

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

null

আরও দেখুন

বৈশিষ্ট্য lastElementChild,
যা শেষ এলিমেন্ট ধারণ করে
বৈশিষ্ট্য children,
যা এলিমেন্টের সকল চাইল্ড ধারণ করে
বৈশিষ্ট্য firstChild,
যা প্রথম নোড ধারণ করে