Phương thức getItem () của HTML DOM Storage được sử dụng để lấy một đối tượng lưu trữ bằng cách chuyển một tên khóa nhất định. Nó sẽ trả về giá trị của khóa và nếu không có khóa nào có tên đã cho đó thì NULL sẽ được trả về.
Cú pháp
Sau đây là cú pháp cho phương thức Storage getItem () -
localStorage.getItem(keyname);
HOẶC
sessionStorage.getItem(keyname);
Ở đây, keyname thuộc loại chuỗi ký tự và đại diện cho tên của vật phẩm cần lấy.
Ví dụ
Chúng ta hãy xem một ví dụ cho phương thức getItem () của HTML DOM Storage -
<!DOCTYPE html>
<html>
<body>
<h1 style="text-align:center">Storage getItem() method example</h1>
<p>Create a localStorage item with the name CLICKS to count the number of clicks on the create button by clicking the below button</p>
<button onclick="createItem()">CREATE</button>
<p>Get the CLICKS item value by clicking the below button</p>
<button onclick="showItem()">Display</button>
<p id="Sample"></p>
<script>
var y=1;
function createItem() {
document.getElementById("Sample").innerHTML="localStorage Item has been created with name CLICKS";
localStorage.visits = y;
y++;
}
function showItem() {
var x = localStorage.getItem("visits");
document.getElementById("Sample").innerHTML = "The total no. of clicks are : "+x;
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi nhấp vào nút TẠO -
Khi nhấp vào nút “Hiển thị” -
