Phương thức item() trong HTML DOM trả về một nút (node) từ một đối tượng danh sách nút (node list object).
Lưu ý - Phương thức item() được dùng để cung cấp giá trị chỉ mục trong một đối tượng danh sách nút. Nó tương tự như việc lấy nút bằng cách truyền chỉ mục trong [index] trên đối tượng danh sách nút.
Cú pháp
Gọi item(index), trong đó index bắt đầu từ 0:
nodeListObject.item(index)
Ví dụ
Ví dụ minh họa phương thức item():
<!DOCTYPE html> <html> <head> <title>item()</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>item()</legend> <h2>Thực đơn</h2> <ul> <li onclick="getOrder(0)">Mì & Phô mai</li> <li onclick="getOrder(1)">Pizza</li> <li onclick="getOrder(2)">Burger</li> </ul> <div id="divDisplay">Nhấn vào món ăn để đặt</div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var menuSelect = document.getElementsByTagName("li"); function getOrder(index) { divDisplay.textContent = 'Order: '+(menuSelect.item(index)).textContent; } </script> </body> </html>
Kết quả
Trước khi nhấn phần tử '<li>':
Sau khi nhấn phần tử '<li>':
