Menghapus Item Penyimpanan HTML Menggunakan removeItem Storage DOM
 |
| Properti removeItem() Storage DOM |
Sintak:
- Local Storage untuk Remove Item: localStorage.key(keyname)
- Session Storage untuk Remove Item: sessionStorage.key(keyname)
Parameter Properti: menerikan sebuah parameter keyname berupa nama dari item yang akan dihapus.
Contoh: Berikut adalah kode HTML yang digunakan untuk menampilkan cara kerja dari properti object Storage removeItem().
<!DOCTYPE html>
<html>
<head>
<title>
Properti Storage removeItem()
DOM pada HTML
</title>
<!-- Script untuk mendapatkan
nama dari sebuah key -->
<script>
function myBon1s()
{
// Menyimpan key yang
// ditampilkan pada indeks
// ke-0
var key = localStorage.key(0);
// Menghapus key pada indeks
// ke-0
localStorage.removeItem(key);
// Mencetak key pada indeks
// ke-0
var key2 = localStorage.key(0);
document.getElementById("Bon1s").innerHTML =
"Nilai sebelumnya pada indeks ke-0 adalah " + key + "<br>"
+ "Nilai saat ini dari indeks ke-0 adalah " + key2;
}
</script>
</head>
<body>
<b>
<h1>
Blog Elfan
</h1>
</b>
<h2 >
Properti Storage removeItem()
DOM pada HTML
</h2>
<button
onclick="myBon1s()">
Submit
</button>
<p id="Bon1s"></p>
</body>
</html>
Blog Elfan
Properti Storage removeItem() DOM pada HTML
Contoh: Berikut adalah kode HTML yang digunakan untuk memperlihatkan cara kerja dari object Storage removeItem().
<!DOCTYPE html>
<html>
<body>
<h1
style="color: green;">
Blog Elfan
</h1>
<h2>
Properti Storage removeItem()
DOM pada HTML
</h2>
<p>
Menampilkan item sesi
</p>
<button
onclick="displayItem()">
Display
</button>
<p>
Menghapus item sesi
</p>
<button
onclick="deleteItem()">
Delete
</button>
<p id="try"></p>
<script>
// Mengatur item.
sessionStorage.setItem(
"dff2", "I am created");
function deleteItem()
{
// Mengatur item.
sessionStorage.removeItem("dff2");
}
function displayItem()
{
// Menampilkan item.
var remove_item =
sessionStorage.getItem("dff2");
document.getElementById(
"try").innerHTML = remove_item;
}
</script>
</body>
</html>
Blog Elfan
Properti Storage removeItem() DOM pada HTML
Menampilkan item sesi
Menghapus item sesi
- 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]
- Memutar Audio Otomatis pada HTML Menggunakan Autoplay DOM [klik]
- Mendapatkan Waktu Jeda HTML Menggunakan Buffered Audio DOM [klik]
- Mengatur Suara HTML Menggunakan Audio Kontrol DOM [klik]
5 komentar untuk "Menghapus Item Penyimpanan HTML Menggunakan removeItem Storage DOM"
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 -
Jenis browser seperti apa saja yang dapat digunakan untuk mengaktifkan properti storage removeItem() DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti removeItem() DOM pada HTML:
HapusA. Google Chrome 4
B. Internet Explorer 8
C. Firefox 3.5
D. Opera 10.5
E. Safari 4
Apa yang dimaksud dengan method removeItem() DOM pada HTML?
BalasHapusMethod removeItem() DOM pada HTML merupakan method yang merupakan bagian dari storage objek, yang dapat berupa object localStorage atau object sessionStorage.
HapusMethod removeItem() DOM pada HTML adalah suatu interface atau antarmuka dari suatu storage yang digunakan ketika proses pemberian nama kunci, yang digunakan untuk menghapus nilai kunci tersebut dari object storage yang telah diberikan sebelumnya atau tersedia sebelumnya.
Hapus