HTML DOM hasChildNodes() Method

Last Updated : 30 Jun, 2023

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 as a child node so it also returns true on a blank line or whitespace.

Prerequisite DOM (Document Object Model)

Parameters: No parameters are 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 it returns false.

HTML

<!DOCTYPE html>
<html>
 
<body>
 
    <!--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>
 
    <script>
        // utility function to demonstrate hasChildNode  Property
        function exampleFunction() {
            // let x used to get the information of those node 
            // for which you want to perform 
            // hasChildNode properties
            let res =
                document.getElementById("divId").hasChildNodes();
            document.getElementById("GeeksForGeeks"
            ).innerHTML = res;
        }
    </script>
</body>
 
</html>

Output:

Example 2: In the following paragraph tag has a message so it returns true

HTML

<!DOCTYPE html>
<html>
 
<body>
    <!--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>
 
    <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.
            let res =
                document.getElementById("divId").hasChildNodes();
 
            document.getElementById("GeeksForGeeks"
            ).innerHTML = res;
        }
    </script>
</body>
 
</html>