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

Phương thức setItem() của Storage trong HTML DOM dùng để lưu trữ cặp khóa-giá trị vào localStorage hoặc sessionStorage. Lưu ý: Tiêu đề gốc nhầm là removeItem(), thực tế nội dung mô tả setItem().

Cú pháp

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

localStorage.setItem(keyname, value);

Hoặc:

sessionStorage.setItem(keyname, value);

keyname: chuỗi - tên khóa. value: giá trị mới thay thế giá trị cũ.

Ví dụ

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

<!DOCTYPE html> <html> <body> 
<h1 style="text-align:center">Ví dụ phương thức setItem() của Storage</h1> 
<p>Tạo localStorage item bằng cách nhấn nút dưới đây</p> 
<button onclick="itemCreate()">TẠO</button> 
<p>Hiển thị localStorage item bằng cách nhấn nút dưới đây</p> 
<button onclick="itemShow()">HIỂN THỊ</button> 
<p id="Sample"></p> 
<script> 
    function itemCreate() { 
        localStorage.setItem("TEXT1", "HELLO WORLD"); 
        document.getElementById("Sample").innerHTML = "Cặp khóa-giá trị đã được tạo"; 
    } 
    function itemShow() { 
        var s = localStorage.getItem("TEXT1"); 
        document.getElementById("Sample").innerHTML = "Giá trị khóa 'TEXT1' là " + s; 
    } 
</script> </body> </html>

Kết quả

Nhấn "TẠO": lưu cặp khóa "TEXT1" - "HELLO WORLD". Nhấn "HIỂN THỊ": lấy và hiển thị giá trị.