HTML DOM Storage removeItem()用法及代碼示例

DOM存儲removeItem()方法與存儲對象有關，用於刪除指定的存儲對象項。存儲對象可以是localStorage或sessionStorage對象。

用法:

本地存儲刪除項目：
```
localStorage.key(keyname)
```
會話存儲刪除項：
```
sessionStorage.key(keyname)
```

參數：它接受必需的參數鍵名，即要刪除的項目的名稱。

返回值：它不返回任何值。

以下是顯示HTML DOM存儲removeItem()對象的工作原理的HTML代碼：示例1：

<!DOCTYPE html>  
<html>  
  
<head>  
    <title>  
        HTML DOM Storage removeItem() Method 
    </title>  
        <!-- Script to get the name of the key -->
    <script>  
        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; 
        }  
    </script>  
</head>  
  
<body>  
    <h1>GeeksForGeeks</h1></b>  
    <h2 >DOM Storage removeItem() Method</h2>  
  
    <button onclick="myGeeks()">  
        Submit  
    </button>  
  
    <p id="geeks"></p>  
</body>  
  
</html>

輸出：

點擊前：
點擊後：

以下是顯示HTML DOM存儲removeItem()對象的工作的HTML代碼：示例2：Sessioin項目。

<!DOCTYPE html> 
<html> 
  
<body> 
  
    <h1 style="color:green;"> 
      bGeeks for Geeks</h1> 
  
    <h2>Storage removeItem() Method</h2> 
  
    <p>Display Session Item</p> 
  
    <button onclick="displayItem()">Display</button> 
  
    <p>Delete Session Item:</p> 
  
    <button onclick="deleteItem()">Delete</button> 
  
    <p id="try"></p> 
  
    <script> 
        // 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; 
        } 
    </script> 
</body> 
  
</html>

輸出：

點擊前：
點擊後：

支持的瀏覽器：下麵列出了DOM Storage removeItem()支持的瀏覽器：

穀歌瀏覽器4
Internet Explorer 8
Firefox 3.5
Opera 10.5
Safari 4

相關用法

注：本文由純淨天空篩選整理自Code_Mech大神的英文原創作品 HTML | DOM Storage removeItem() Method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。