HTML DOM hasChildNodes() মেথড একটি এলিমেন্টে চাইল্ড নোড আছে কিনা চেক করতে ব্যবহৃত হয়। এলিমেন্টে চাইল্ড নোড থাকলে true রিটার্ন করে অন্যথায় false। এটি যেকোনো হোয়াইটস্পেসকে চাইল্ড নোড হিসেবে বিবেচনা করে কারণ নোডের ভিতরের হোয়াইটস্পেস মূলত টেক্সট নোড হিসেবে বিবেচিত হয়।
সিনট্যাক্স
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() মেথড উদাহরণ</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>আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
CHECK বাটনে ক্লিক করলে:
উপরের উদাহরণে:
প্রথমে id “DIV1” সহ একটি <div> এলিমেন্ট তৈরি করা হয়েছে যার ভিতরে একটি <p> এলিমেন্ট এবং একটি <span> এলিমেন্ট আছে:
<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>
তারপর CHECK বাটন তৈরি করা হয়েছে যা ইউজার ক্লিক করলে checkChild() মেথড এক্সিকিউট করবে:
<button onclick="checkChild()">CHECK</button>
checkChild() মেথড getElementById() মেথড ব্যবহার করে সংশ্লিষ্ট <div> এলিমেন্ট পাওয়া এবং সেটার ওপর hasChildNodes() মেথড কল করা। যেহেতু div এলিমেন্টের ভিতরে দুটি চাইল্ড আছে তাই এটি true রিটার্ন করবে। একই মান id “Sample” ওয়ালা প্যারাগ্রাফে innerHTML প্রপার্টি ব্যবহার করে প্রদর্শন করা হয়েছে:
function checkChild() { var div = document.getElementById("DIV1").hasChildNodes(); document.getElementById("Sample").innerHTML = div; } 