Child node count in JavaScript?

JavascriptWeb DevelopmentObject Oriented Programming

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 −

raja
Published on 14-Sep-2020 11:43:22
Advertisements