Phương thức HTML DOM item () trả về một nút từ một đối tượng danh sách nút.
Lưu ý - Phương thức item () được sử dụng để cung cấp giá trị chỉ mục trong một đối tượng danh sách nút. Nó giống như việc lấy nút bằng cách chuyển giá trị chỉ mục trong ‘[index]’ trên đối tượng danh sách nút.
Cú pháp
Sau đây là cú pháp -
Mục đang gọi (chỉ mục), trong đó chỉ mục bắt đầu từ 0
nodeListObject.item(index)
Ví dụ
Hãy để chúng tôi xem một ví dụ cho item () phương pháp -
<!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>Menu</h2>
<ul>
<li onclick="getOrder(0)">Mac & Cheese</li>
<li onclick="getOrder(1)">Pizza</li>
<li onclick="getOrder(2)">Burger</li>
</ul>
<div id="divDisplay">Click on menu item to order it</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> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Trước khi nhấp vào ‘
Sau khi nhấp vào ‘
