HTML DOM চাইল্ড নোডস প্রপার্টি একটি NodeList অবজেক্ট আকারে নোডের চাইল্ড নোডের একটি সংগ্রহ প্রদান করে। নোডগুলি সাজানো হয়েছে এবং HTML নথিতে প্রদর্শিত একই ক্রমে রয়েছে৷ এই নোডগুলি সূচী নম্বর দ্বারা অ্যাক্সেস করা যেতে পারে যা 0 থেকে শুরু হয়। এটি শুধুমাত্র পঠনযোগ্য সম্পত্তি। মনে রাখবেন, সাদা স্থান এবং মন্তব্যগুলিও নোড হিসাবে বিবেচিত হয়৷
৷সিনট্যাক্স
চাইল্ড নোড সম্পত্তি -
-এর জন্য সিনট্যাক্স নিচে দেওয়া হলelementNodeReference.childNodes;
উদাহরণ
আসুন আমরা HTML DOM চাইল্ড নোড সম্পত্তি -
-এর একটি উদাহরণ দেখি<!DOCTYPE html>
<html>
<head>
<style>
div {
border: 1px solid blue;
margin: 7px;
}
</style>
</head>
<body>
<p>Click the button below to find the div element childnodes.</p>
<button onclick="countNodes()">COUNT</button>
<div id="DIV1">
<p>First p element </p>
<p>Second p element</p>
</div>
<p id="Sample"></p>
<script>
function countNodes() {
var x = document.getElementById("DIV1").childNodes.length;
document.getElementById("Sample").innerHTML = "The div element has "+x+" child nodes";
}
</script>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
COUNT বোতামে ক্লিক করলে -
উপরের উদাহরণে -
আমরা “DIV1” আইডি সহ একটি
div {
border: 1px solid blue;
margin: 7px;
}
<div id="DIV1">
<p>First p element </p>
<p>Second p element</p>
</div> তারপরে আমরা একটি বোতাম COUNT তৈরি করেছি যা ব্যবহারকারীর দ্বারা ক্লিক করার সময় countNodes() পদ্ধতিটি কার্যকর করবে৷
<button onclick="countNodes()">COUNT</button>
কাউন্টনোডস() ফাংশনটি এমন একটি উপাদান পায় যার আইডি "DIV1" এর সমান যা আমাদের ক্ষেত্রে
যেহেতু তিনটি হোয়াইটস্পেস এবং দুটি
উপাদান রয়েছে
function countNodes() {
var x = document.getElementById("DIV1").childNodes.length;
document.getElementById("Sample").innerHTML = "The div element has "+x+" child nodes";
} 