Computer >> Máy Tính >  >> Lập trình >> HTML

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

Phương thức HTML DOM Storage setItem () đượ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,value);

HOẶC

sessionStorage.removeItem(keyname,value );

Ở đây, keyname thuộc loại chuỗi ký tự và đại diện cho tên khóa được sử dụng để nhận giá trị. Giá trị tham số thứ hai đại diện cho giá trị mới sẽ thay thế giá trị cũ.

Ví dụ

Chúng ta hãy xem ví dụ về phương thức Storage setItem () -

<!DOCTYPE html>
<html>
<body>
<h1 style="text-align:center">Storage setItem() method example</h1>
<p>Create the localstorage item by clicking the below button</p>
<button onclick="itemCreate()">CREATE</button>
<p>Display the localstorage item by clicking the below button</p>
<button onclick="itemShow()">DISPLAY</button>
<p id="Sample"></p>
<script>
   function itemCreate() {
      localStorage.setItem("TEXT1","HELLO WORLD");
      document.getElementById("Sample").innerHTML ="The key-value pair has been created";
   }
   function itemShow() {
      var s = localStorage.getItem("TEXT1");
      document.getElementById("Sample").innerHTML ="The 'TEXT1' key value is "+s;
   }
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

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

Khi nhấp vào nút TẠO -

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

Khi nhấp vào nút HIỂN THỊ -

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