चाइल्ड नोड की गिनती प्राप्त करने के लिए बच्चों की लंबाई का उपयोग करें।
उदाहरण
<!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>
उपरोक्त प्रोग्राम को चलाने के लिए, बस फ़ाइल नाम anyName.html(index.html) को सहेजें और फ़ाइल पर राइट क्लिक करें और VSCode संपादक में लाइव सर्वर के साथ खुले विकल्प का चयन करें।
आउटपुट
यह निम्नलिखित आउटपुट उत्पन्न करेगा -