Lompat ke konten Lompat ke sidebar Lompat ke footer

Membuat Kunci Penyimpanan HTML Menggunakan Storage Key DOM

Properti Storage key() DOM pada HTML merupakan properti yang berkaitan dengan objek penyimpanan dan digunakan untuk mengembalikan nama dari kunci dengan indeks spesifik. Objek penyimpanan dapat berupa object localStorage atau sessionStorage.

Sebelum memahami lebih dalam materi tentang Membuat Kunci Penyimpanan HTML Menggunakan Storage Key DOM, terlebih dahulu pelajari materi tentang: Menghentikan Layar HTML Menggunakan Stop Window DOM, Mengatur Waktu HTML setTimeout dan setInterval Window DOM, dan Melakukan Gulir HTML Menggunakan scrollTo Window DOM.

Sintak:
  • Local storage: localStorage.key(index)
  • Session storage: sessionStorage.key(index)

Parameter Properti: berfungsi untuk menerima sebuah parameter berupa indek untuk mendapatkan nama dari key dengan indek tertentu yang telah diberikan.

Baca Juga:

Return Values: digunakan untuk mengembalikan nama dari key pada form string.

Berikut adalah kode HTML yang digunakan untuk menampilkan cara kerja dari Storage DOM HTML object key().

Contoh:

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti Storage key() DOM 

pada HTML

</title>

 

<!-- Script untuk mendapatkan 

nama dari key -->

<script>

function myDon1s() 

{

var key = localStorage.key(0);

 

document.getElementById(

"Don1s").innerHTML = key;

}

</script>

 

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Properti Storage key() DOM 

pada HTML

</h2>

 

<br>

 

<button 

onclick="myDon1s()">

Submit

</button>

 

<p id="Don1s"></p>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Storage key() DOM pada HTML



Artikel ini didedikasikan kepada: Pramudya Adam Ramadhani, Putri Sriwardani, Rakhmat Purnan Ainal Yaqin, Regina Dinda Pramesti, dan Reska Dwi Oktaviani.

5 komentar untuk "Membuat Kunci Penyimpanan HTML Menggunakan Storage Key DOM"

  1. Sebutkan minimal lima jenis browser populer yang dapat digunakan untuk mengaktifkan properti storage key properti DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut ini diperlihatkan lima jenis contoh browser yang dapat digunakan untuk mengaktifkan properti storage key() properti DOM pada HTML:
      aa. Google Chrome 4
      bb. Internet Explorer 8
      cc. Firefox 3.5
      dd. Opera 10.5
      ee. Safari 4

      Hapus
  2. Apa yang dimaksud dengan storage key DOM pada HTML?

    BalasHapus
    Balasan
    1. Method HTML DOM Storage key() atau kunci penyimpanan merupakan method yang digunakan untuk mengembalikan nama kunci pada indeks tertentu dalam suatu objek penyimpanan.

      Hapus
    2. Properti key berfungsi untuk mengembalikan nama item penyimpanan yang telah diubah, dimana peristiwa penyimpanan hanya dapat dipicu ketika window selain windows itu sendiri sedang membuat suatu perubahan tertentu.

      Hapus

Hubungi admin melalui Wa : +62-896-2414-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 -
- Big things start from small things -