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 −
Published on 14-Sep-2020 11:43:22
