Skip to content
Related Articles

Related Articles

HTML | DOM hasChildNodes() Method

View Discussion
Improve Article
Save Article
  • Difficulty Level : Medium
  • Last Updated : 19 Sep, 2022
View Discussion
Improve Article
Save Article

The HTML hasChildNodes() property will return true if the given node has a child node or false if it doesn’t have any child nodes. A blank line or whitespace is also treated a child node so it also returns true on a blank line or whitespace. 
Prerequisite DOM (Document Object Model)
Parameters: 
No parameters required.
Return value: The HTML nodeValue property returns the following type of values.

  • True if the given node has a child or blank space or a blank line.
  • False if the given node doesn’t have any child.

Syntax 
 

node.hasChildNodes()

Example-1: In the following paragraph tag has nothing so its return false 
 

HTML




<!DOCTYPE html>
<html>
 
<body>
 
    <head>
        <script>
 
            // utility function to demonstrate hasChildNode  Property
            function exampleFunction() {
               
                // var x used to get the information of those node
                // for which you want to perform
                // hasChildNode properties
                var res =
                document.getElementById("divId").hasChildNodes();
               
                document.getElementById("GeeksForGeeks"+
                ).innerHTML = res;
            }
        </script>
    </head>
 
    <!--In this example we will create a node of the type div
     and a button which calls a function name "exampleFunction"
     on clicking of this button it will show the properties of
     hasChildNode property -->
    <p id="divId"></p>
 
 
    <br>
 
    <button onclick="exampleFunction()">
      click to know the paragraph tag has any child node
    </button>
   
    <!-- below paragraph Tag is used to
    print the value of nodeValue properties-->
    <p id="GeeksForGeeks"></p>
 
 
</body>
 
</html>

Output: 
 

Example-2 :In the following paragraph tag has a message so its return true 
 

HTML




<!DOCTYPE html>
<html>
 
<body>
 
    <head>
 
        <script>
 
            // utility function to demonstrate hasChildNode Property
            function exampleFunction() {
 
                // var x used to get the information of those nodes
                // for which you want to perform
                // hasChildNode properties.
                var res =
                document.getElementById("divId").hasChildNodes();
               
                document.getElementById("GeeksForGeeks"+
                ).innerHTML = res;
            }
        </script>
    </head>
    <!--In this example we will create a node of the type div
     and a button which calls a function name "exampleFunction"
     on clicking of this button it will show the properties of
     hasChildNode property -->
    <p id="divId">Hello geeksforgeeks</p>
 
 
    <br>
 
    <button onclick="exampleFunction()">
      click to know the paragraph tag has any child
    </button>
   
    <!-- below paragraph Tag is used to print the
         value of nodeValue properties-->
    <p id="GeeksForGeeks"></p>
 
 
</body>
 
</html>

Output: 
 

Supported Browsers: The browser supported by DOM click() Method are listed below: 
 

  • Google Chrome 1 and above
  • Apple Safari 1 and above
  • Firefox 1 and above
  • Opera 12.1 and above
  • Edge 12 and above
  • Internet Explorer 6 and above

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!