html删除指定条目,HTML DOM Storage removeItem()用法及代码示例

DOM存储removeItem()方法与存储对象有关，用于删除指定的存储对象项。存储对象可以是localStorage或sessionStorage对象。

用法:

本地存储删除项目：

localStorage.key(keyname)

会话存储删除项：

sessionStorage.key(keyname)

参数：它接受必需的参数键名，即要删除的项目的名称。

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

以下是显示HTML DOM存储removeItem()对象的工作原理的HTML代码：示例1：

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 + "
"

+ "Current value at 0th index is " + key2;

}

GeeksForGeeks

DOM Storage removeItem() Method

Submit

输出：

点击前：

点击后：

以下是显示HTML DOM存储removeItem()对象的工作的HTML代码：示例2：Sessioin项目。

bGeeks 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

Internet Explorer 8

Firefox 3.5

Opera 10.5

Safari 4