DAFTAR LABEL POPULER PENELITIAN.ID
DAFTAR LABEL POPULER PENELITIAN.ID
Jangan Buka Artikel Ini!
DAFTAR ARSIP POSTING PENELITIAN.ID
DAFTAR ARSIP POSTING PENELITIAN.ID
Mengatur Nilai Penyimpanan HTML Menggunakan Storage Length DOM
- Dapatkan link
- Aplikasi Lainnya
Sintak:
Untuk mendapatkan properti Storage length: object.length
Return Values: digunakan untuk mengembalikan sebuah angka yang mengindikasikan nilai dari item saat ini pada Storage object.
Contoh: penggunaan object localStorage.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Storage length DOM
</title>
</head>
<body>
<h1
style="color: green">
Blog Elfan
</h1>
<b>
Properti Storage length DOM
</b>
<p>
Klik tombol berikut untuk
menambahkan atau membersihkan
item dan memeriksa nilai
angka saat ini dari item pada
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>
// Mengatur item.
function addItem(values)
{
for (i = 0; i < values; i++)
localStorage.setItem(i, 'item ' + i);
}
// Membersihkan item.
function clearItems()
{
localStorage.clear();
}
// Mengembalikan nilai angka dari item.
function getStorageLength()
{
totalItems = localStorage.length;
document.querySelector('.output').textContent =
totalItems;
}
</script>
</body>
</html>
Blog Elfan
Properti Storage length DOMKlik tombol berikut untuk menambahkan atau membersihkan item dan memeriksa nilai angka saat ini dari item pada localStorage.
Total Items:
Contoh: penggunaan object sessionStorage.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Storage length DOM
</title>
</head>
<body>
<h1
style="color: green">
Blog Elfan
</h1>
<b>
Properti Storage length DOM
</b>
<p>
Klik tombol berikut untuk
menambah atau membersihkan
item dan memeriksa nilai
angka dari item pada
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>
Blog Elfan
Properti Storage length DOMKlik tombol berikut untuk menambah atau membersihkan item dan memeriksa nilai angka dari item pada sessionStorage
Total Items:
- Mengatur Objek Suara HTML Menggunakan Audio Object DOM [klik]
- Mengatur Objek Video HTML Menggunakan Video Object DOM [klik]
- Mengetahui Tipe Video pada HTML menggunakan canPlayType DOM [klik]
- Memutar Video HTML Menggunakan Load DOM [klik]
- Memainkan Video pada HTML Menggunakan Play VIDEO DOM [klik]
- Menghentikan Video HTML Menggunakan Pause VIDEO DOM [klik]
- Membaca Track Audio HTML Menggunakan audioTracks DOM [klik]
- Dapatkan link
- Aplikasi Lainnya
Komentar
Posting Komentar
Hubungi admin melalui Wa : +62-896-2514-6106
Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.
Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.
~ Ikatlah Ilmu dengan Memostingkannya ~
Jenis browser apa saja yang dapat digunakan oleh programmer untuk mengaktifkan properti storage length DOM pada HTML?
BalasHapusBerikut ini beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti storage length DOM pada HTML:
Hapus1a. Google Chrome 4.0
2b. Internet Explorer 8.0
3c. Firefox 3.5
4d. Opera 10.5
5e. Safari 4.0
Apa yang dimaksud dengan storage length DOM pada HTML?
BalasHapusProperti storage length DOM pada HTML merupakan properti yang digunakan untuk mendapatkan nilai dari jumlah item yang ada di dalam suatu objek penyimpanan browser.
HapusProperti length yang dimiliki oleh storage objek, juga dapat berupa objek localStorage atau objek sessionStorage.
Hapus