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

Phương thức removeItem() của Storage trong HTML DOM dùng để xóa một item khỏi storage object bằng cách truyền tên khóa.

Cú pháp

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

localStorage.removeItem(keyname);

Hoặc:

sessionStorage.removeItem(keyname);

keyname: chuỗi - tên item cần xóa.

Ví dụ

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

<!DOCTYPE html> <html> <body> 
<h1 style="text-align:center">Ví dụ phương thức removeItem() của Storage</h1> 
<p>Xóa localStorage item bằng cách nhấn nút dưới đây</p> 
<button onclick="itemDelete()">XÓA</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> 
    localStorage.setItem("TEXT1", "HELLO WORLD"); 
    function itemDelete() { 
        localStorage.removeItem("TEXT1"); 
        itemShow(); 
    } 
    function itemShow() { 
        var x = localStorage.getItem("TEXT1"); 
        document.getElementById("Sample").innerHTML = "Giá trị khóa 'TEXT1' là " + x; 
    } 
</script> </body> </html>

Kết quả

Nhấn "HIỂN THỊ" trước: hiển thị "HELLO WORLD". Nhấn "XÓA": xóa item. Nhấn "HIỂN THỊ" sau: hiển thị "null".