How to use JavaScript Dom Node hasChildNodes
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
- Internet Explorer.
- Firefox.
- Opera.
- Google Chrome.
- Safari.
Syntax
The hasChildNodes() of Dom Node object has
following syntax
node.hasChildNodes()
Lets take an example
<!DOCTYPE html>
<html>
<body style
="background-color:yellow">
<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>
<script type="text/javascript">
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