How to use JavaScript Dom Node hasChildNodes

Posted in JavaScript | JAVASCRIPT AND DOM REFERENCE on August 06, 2019

In this article I have described about Dom Node hasChildNodes method used in JavaScript.

JavaScript Dom Node hasChildNodes() method

As we already know that node object is used to represent and add node within the HTML document.
The hasChildNodes() method checks whether any node has any child node or not and return boolean value.
It returns true if there is any child node otherwise false.

Browser support

Following are the main browsers which support the hasChildNodes() method of Dom Node object

Syntax

The hasChildNodes() of Dom Node object has following syntax

node.hasChildNodes()

Lets take an example

<!DOCTYPE html>

<html>

<ul id="myList"><li>AMAN</li><li>NITIN</li></ul>

<p id="demo">To check element has any child nodes</p>

<button onclick="myFunction()">CHECK</button>

function myFunction() {

var lst = document.getElementById("myList");

var x = document.getElementById("demo");

x.innerHTML = lst.hasChildNodes();

}

</script>

</body>

</html>

Output

When we click on button

Further Readings

You may also want to read these related articles :here

Ask Your Question

Got a programming related question? You may want to post your question here Programming Answers here