Sử dụng children.length để tính số lượng nút con.
Ví dụ
<!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>
Để chạy chương trình trên, chỉ cần lưu tên tệp anyName.html (index.html) và nhấp chuột phải vào tệp và chọn tùy chọn mở bằng máy chủ trực tiếp trong VSCode Editor.
Đầu ra
Điều này sẽ tạo ra kết quả sau -