HTML DOM hasChildNodes() मेथड

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>यह div तत्व के अंदर एक p तत्व है</p> 
  <span>यह div तत्व के अंदर एक span तत्व है</span> 
</div> 
<br> 
<button onclick="checkChild()">CHECK</button> 
<p id="Sample"></p> 
</body> </html>

आउटपुट

यह निम्नलिखित आउटपुट देगा:

HTML DOM hasChildNodes() मेथड

CHECK बटन पर क्लिक करने पर:

HTML DOM hasChildNodes() मेथड

उदाहरण की व्याख्या

उपरोक्त उदाहरण में:

हमने पहले id "DIV1" वाला एक <div> तत्व बनाया और इसमें एक <p> तत्व और एक <span> तत्व है:

<div id="DIV1"> 
  <p>यह div तत्व के अंदर एक p तत्व है</p> 
  <span>यह div तत्व के अंदर एक span तत्व है</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; 
}