HTML | DOM 存储 getItem() 方法

简介

getItem() 是 HTML DOM 存储对象中的一个方法，它可以从存储里检索指定的数据。

存储对象是浏览器提供的一种机制，它可以让 Web 应用程序在本地存储数据，即使用户关闭浏览器或电脑关机，数据仍然可以被保留。

通过 getItem() 方法可以获取存储对象中对应 key 的数据。

语法

storage.getItem(key);

• storage：表示 Storage 对象（localStorage 或 sessionStorage）。
• key：表示要检索的数据 key。

返回值

返回对应 key 的数据值，如果 key 不存在，则返回 null。

示例

以下是一个使用 getItem() 方法的示例，我们可以在浏览器控制台中运行。

// 存储数据
localStorage.setItem('name', 'Alice');
localStorage.setItem('age', 18);

// 获取数据
let name = localStorage.getItem('name');
let age = localStorage.getItem('age');

console.log(name); // 输出 'Alice'
console.log(age);  // 输出 18

在上述示例中，我们通过 setItem() 方法将两个数据 'name' 和 'age' 存储到 localStorage 对象中。然后，通过 getItem() 方法分别获取他们，最后将结果打印到控制台中。

总结

getItem() 方法是一种很方便的机制，可以实现 Web 应用程序的本地数据存储功能。但是需要注意的是，存储对象中存储的数据是以字符串的形式存储的，如果需要保存其它类型的数据，则需要进行相应的转换。

同时，由于数据存储在客户端，因此需要注意数据的安全性及隐私保护。在具体开发过程中，需要根据实际需求来进行数据的存储和管理。