HTML DOM firstElementChild সম্পত্তি

HTML DOM firstElementChild প্রপার্টি একটি প্রদত্ত এলিমেন্টের প্রথম চাইল্ড এলিমেন্ট ফেরত দেওয়ার জন্য ব্যবহার করা হয়। শিশু উপাদান শুধুমাত্র একটি উপাদান নোড হিসাবে ফেরত দেওয়া হয়. এটি পাঠ্য এবং মন্তব্য নোডগুলিকে উপেক্ষা করে এবং সেগুলি বিবেচনা করে না। এটি একটি শুধুমাত্র পঠনযোগ্য সম্পত্তি৷

৷

সিনট্যাক্স

HTML DOM firstElementChild প্রপার্টি -

-এর সিনট্যাক্স নিচে দেওয়া হল

element.firstElementChild

উদাহরণ

আসুন firstElementChild প্রপার্টি -

-এর একটি উদাহরণ দেখি

<!DOCTYPE html>
<html>
<head>
<script>
   function eleChild() {
      var ch = document.getElementById("DIV1").firstElementChild.innerHTML;
      document.getElementById("Sample").innerHTML = "The first element child node of the div is :"+ch;
   }
</script>
</body>
</html>
<h1>firstElementChild property</h1>
<div id="DIV1">
<p>This is a p element</p>
<span>This is a span element</span>
</div>
<button onclick="eleChild()">Get Child</button>
<p id="Sample"></p>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

HTML DOM firstElementChild সম্পত্তি

"শিশু পান" পদ্ধতিতে ক্লিক করার পরে -

HTML DOM firstElementChild সম্পত্তি

উপরের উদাহরণে -

আমরা একটি "শিশু পান" বোতাম তৈরি করেছি যা ব্যবহারকারীর দ্বারা ক্লিক করার পরে eleChild() পদ্ধতিটি কার্যকর করবে -

<button onclick="eleChild()">Get Child</button>

eleChild() ফাংশনটি “DIV1” আইডি সহ div-এর firstElementChild পায় এবং এর innerHTML প্রপার্টি পরিবর্তনশীল ch-এ বরাদ্দ করে। যেহেতু firstElementChild হোয়াইটস্পেস বিবেচনা করে না, তাই এটি

উপাদানটি ফিরিয়ে দেবে। অভ্যন্তরীণ এইচটিএমএল প্রপার্টি ব্যবহার করে আমরা

এলিমেন্টের ভিতরে টেক্সট পাই এবং এটিকে আইডি “Sample”-

সহ অনুচ্ছেদে প্রদর্শন করি।

function eleChild() {
   var ch = document.getElementById("DIV1").firstElementChild.innerHTML;
   document.getElementById("Sample").innerHTML = "The first element child node of the div is :"+ch;
}