La propiedad de longitud de almacenamiento en HTML DOM se usa para devolver la cantidad de elementos almacenados en el objeto de almacenamiento . El objeto de almacenamiento incluye localStorage o sessionStorage .
Sintaxis:
Para obtener la propiedad Longitud de almacenamiento.
object.length
Valor de retorno: Devuelve un número que indica la cantidad de elementos que se encuentran actualmente en el objeto de almacenamiento.
Ejemplo-1: uso en el objeto localStorage.
<!DOCTYPE html>
<html>
<head>
<title>DOM Storage length</title>
</head>
<body>
<h1 style="color: green">
GeeksForGeeks
</h1>
<b>DOM Storage length</b>
<p>Click on the buttons below to add/clear
items and check the current number
of items in localStorage
</p>
<p>Total Items: <span class="output"></span></p>
<button onclick="addItem(50)">
Add 50 items
</button>
<button onclick="clearItems()">
Clear all items
</button>
<button onclick="getStorageLength()">
Get Storage length
</button>
<div class="items"> </div>
<script>
// To set item.
function addItem(values) {
for (i = 0; i < values; i++)
localStorage.setItem(i, 'item ' + i);
}
// To clear item.
function clearItems() {
localStorage.clear();
}
// To return the number of items.
function getStorageLength() {
totalItems = localStorage.length;
document.querySelector('.output').textContent =
totalItems;
}
</script>
</body>
</html>
Salida: Después de agregar 50 elementos y hacer clic en el botón.
Ejemplo-2: Uso en el objeto sessionStorage
<!DOCTYPE html>
<html>
<head>
<title>DOM Storage length</title>
</head>
<body>
<h1 style="color: green">
GeeksForGeeks
</h1>
<b>DOM Storage length</b>
<p>
Click on the buttons below to add/clear
items and check the current number of
items in sessionStorage
</p>
<p>Total Items: <span class="output"></span></p>
<button onclick="addItem(10)">Add 10 items</button>
<button onclick="clearItems()">Clear all items</button>
<button onclick="getStorageLength()">
Get Storage length
</button>
<div class="items"> </div>
<script>
function addItem(values) {
for (i = 0; i < values; i++)
sessionStorage.setItem(i, 'item ' + i);
}
function clearItems() {
sessionStorage.clear();
}
function getStorageLength() {
totalItems = sessionStorage.length;
document.querySelector('.output').textContent =
totalItems;
}
</script>
</body>
</html>
Salida: Después de agregar 10 elementos y hacer clic en el botón.
Navegadores compatibles: los navegadores compatibles con la propiedad de longitud de almacenamiento se enumeran a continuación:
- Google Chrome 4.0
- Internet Explorer 8.0
- Firefox 3.5
- Ópera 10.5
- Safari 4.0
Publicación traducida automáticamente
Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA