Child node count in JavaScript?


Use children.length to get the count of child node.

Example

 Live Demo

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<label>
List Of Subject Names are as follows:
</label>
<ul>
<li>Javascript</li>
<li>MySQL</li>
<li>MongoDB</li>
<li>Java</li>
<li id="subjectName">Python</li>
</ul>
<script>
   var arrayValueOfSubject =
   document.getElementById('subjectName').parentNode;
   console.log("The count of child node
   is="+arrayValueOfSubject.children.length);
</script>
</body>
</html>

To run the above program, just save the file name anyName.html(index.html) and right click on the file and select the option open with live server in VSCode Editor.

Output

This will produce the following output −

Updated on: 14-Sep-2020

499 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements