HTML DOM hasChildNodes() পদ্ধতিটি একটি উপাদানে চাইল্ড নোড রয়েছে কিনা তা পরীক্ষা করার জন্য ব্যবহার করা হয়। যদি উপাদানটিতে চাইল্ড নোড থাকে তবে এটি সত্য ফেরত দেয় অন্যথায় এটি মিথ্যা ফেরত দেয়। এটি যেকোনো হোয়াইটস্পেসকে চাইল্ড নোড হিসেবে বিবেচনা করবে কারণ নোডের ভিতরে হোয়াইটস্পেসকে মূলত টেক্সট নোড হিসেবে বিবেচনা করা হয়।
সিনট্যাক্স
hasChildNodes() মেথড -
-এর সিনট্যাক্স নিচে দেওয়া হলnode.hasChildNodes()
উদাহরণ
আসুন hasChildNodes() পদ্ধতি -
-এর একটি উদাহরণ দেখি<!DOCTYPE html>
<html>
<head>
<script>
function checkChild() {
var div = document.getElementById("DIV1").hasChildNodes();
document.getElementById("Sample").innerHTML = div;
}
</script>
</head>
<body>
<h1> hasChildNodes() method example</h1>
<div id="DIV1">
<p>This is a p element inside the div element</p>
<span>This is a span element inside the div element</span>
</div>
<br>
<button onclick="checkChild()">CHECK</button>
<p id="Sample"></p>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
চেক বোতামে ক্লিক করার পর -
উপরের উদাহরণে -
আমরা প্রথমে "DIV1" আইডি দিয়ে একটি
উপাদান তৈরি করেছি এবং এটিতে একটি
উপাদান এবং এটির ভিতরে একটি উপাদান রয়েছে -
<div id="DIV1"> <p>This is a p element inside the div element</p> <span>This is a span element inside the div element</span> </div>
তারপরে আমরা একটি চেক বোতাম তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করলে checkChild() পদ্ধতিটি কার্যকর করবে -
<button onclick="checkChild()">CHECK</button>
checkChild() পদ্ধতিটি সংশ্লিষ্ট
উপাদান পেতে getElementById() পদ্ধতি ব্যবহার করে এবং এর উপর hasChildNodes() পদ্ধতি ব্যবহার করে। যেহেতু div উপাদানটির ভিতরে দুটি শিশু রয়েছে, তাই এটি সত্য হবে। একই অনুচ্ছেদে আইডি "নমুনা" এর অভ্যন্তরীণ HTML বৈশিষ্ট্য ব্যবহার করে প্রদর্শিত হয় -
function checkChild() {
var div = document.getElementById("DIV1").hasChildNodes();
document.getElementById("Sample").innerHTML = div;
} 