HTML | DOM 存储 removeItem() 方法

DOM Storage removeItem()方法与Storage 对象相关，用于移除指定的存储对象项。存储对象可以是localStorage或sessionStorage对象。
句法：

• 本地存储删除项目：

localStorage.key(keyname)

• 会话存储删除项目：

sessionStorage.key(keyname)

参数：它接受一个必需的参数keyname，即要删除的项目的名称。
返回值：它不返回任何值。
下面是显示 HTML DOM Storage removeItem()对象工作的 HTML 代码：
示例 1：

HTML

 

    
        HTML DOM Storage removeItem() Method
    
        
    
        function myGeeks() {
             
        // Storing key present at 0th index
        var key = localStorage.key(0);
         
        // Removing key at 0th index
        localStorage.removeItem(key);
         
        // Printing key at 0th index
        var key2 = localStorage.key(0);
                 
        document.getElementById("geeks").innerHTML =
        "Previous value at 0th index was " + key + "<br>"
        + "Current value at 0th index is " + key2;
        }
    

 

    GeeksForGeeks
    DOM Storage removeItem() Method
 
    
        Submit
    
 
    
  

 

输出：

• 点击前：

• 点击后：

下面是显示 HTML DOM Storage removeItem()对象工作的 HTML 代码：
示例 2：会话项。

一种

HTML

 

 
    
      Geeks for Geeks
 
    Storage removeItem() Method
 
     
Display Session Item
 
 
    Display
 
     
Delete Session Item:
 
 
    Delete
 
    
 
 
    
        // set item.
        sessionStorage.setItem(
          "gfg", "I am created");
 
        function deleteItem() {
            // Remove item.
            sessionStorage.removeItem("gfg");
        }
 
        function displayItem() {
            //  Display item.
            var remove_item =
                sessionStorage.getItem("gfg");
           
            document.getElementById(
              "try").innerHTML = remove_item;
        }
    

 

输出：

• 点击前：

• 点击后：

支持的浏览器： DOM Storage removeItem()支持的浏览器如下：

• 谷歌浏览器 4
• 浏览器 8
• 火狐 3.5
• 歌剧 10.5
• 野生动物园 4