Thuộc tính length trong HTML DOM trả về một số tương ứng với số lượng nút trong đối tượng danh sách nút (node list object).
Cú pháp
Trả về số lượng nút trong đối tượng nodeList:
nodeList.length
Ví dụ
Ví dụ minh họa thuộc tính HTML DOM length:
<!DOCTYPE html> <html> <head> <title>HTML DOM length</title> <style> form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; margin:5px; } input[type="button"] { border-radius: 10px; } ul{ width: 30%; margin: 0 auto; } </style> </head> <body> <form> <fieldset> <legend>HTML-DOM-length</legend> <h3>Học sinh</h3> <ul> <li>Adam</li> <li>Alex</li> <li>Bina</li> <li>Eden</li> <li>Rajesh</li> <li>Zampa</li> </ul> <input type="button" onclick="getStrength()" value="Lấy tổng học sinh"> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var studentList = document.getElementsByTagName("li"); function getStrength() { divDisplay.textContent = 'Total Students: '+studentList.length; } </script> </body> </html>
Kết quả
Trước khi nhấn nút 'Lấy tổng học sinh':
Sau khi nhấn nút 'Lấy tổng học sinh':
