Child node count in JavaScript?

Javascript Web Development Object Oriented Programming

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

Example

<!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 −

AmitDiwan

Published on 14-Sep-2020 08:13:22

Previous Page Print Page