Phương thức removeItem () của HTML DOM Storage được sử dụng để xóa một mục đối tượng lưu trữ bằng cách chuyển một tên khóa nhất định.
Cú pháp
Sau đây là cú pháp cho phương thức Storage removeItem () -
localStorage.removeItem(keyname);
HOẶC
sessionStorage.removeItem(keyname);
Ở đây, keyname thuộc loại chuỗi ký tự và đại diện cho tên của mục cần xóa.
Ví dụ
Chúng ta hãy xem ví dụ về phương thức Storage removeItem () -
<!DOCTYPE html>
<html>
<body>
<h1 style="text-align:center">Storage removeItem() method example</h1>
<p>Delete the localstorage item by clicking the below button</p>
<button onclick="itemDelete>REMOVE</button>
<p>Display the localstorage item by clicking the below button</p>
<button onclick="itemShow>DISPLAY</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 ="The 'TEXT1' key value is "+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 HIỂN THỊ -
Khi nhấp vào nút XÓA -
