Phương thức getItem() của Storage trong HTML DOM

Phương thức getItem() của Storage trong HTML DOM dùng để lấy giá trị của storage object bằng cách truyền tên khóa. Trả về giá trị khóa, nếu không tồn tại khóa đó thì trả về NULL.

Cú pháp

Cú pháp cho phương thức getItem():

localStorage.getItem(keyname);

Hoặc:

sessionStorage.getItem(keyname);

Ví dụ

Ví dụ minh họa cho phương thức getItem():

<!DOCTYPE html> <html> <body> 
<h1 style="text-align:center">Ví dụ phương thức getItem() của Storage</h1> 
<p>Tạo localStorage item tên CLICKS đếm số lần click nút tạo bằng cách nhấn nút dưới đây</p> 
<button onclick="createItem()">TẠO</button> 
<p>Lấy giá trị item CLICKS bằng cách nhấn nút dưới đây</p> 
<button onclick="showItem()">HIỂN THỊ</button> 
<p id="Sample"></p> 
<script> 
    var y = 1; 
    function createItem() { 
        document.getElementById("Sample").innerHTML = "localStorage item đã tạo với tên CLICKS"; 
        localStorage.visits = y; 
        y++; 
    } 
    function showItem() { 
        var x = localStorage.getItem("visits"); 
        document.getElementById("Sample").innerHTML = "Tổng số lượt click là: " + x; 
    } 
</script> </body> </html>

Kết quả

Mỗi lần nhấn "TẠO" tăng biến y và lưu vào localStorage. Nhấn "HIỂN THỊ" lấy và hiển thị giá trị visits.