เมธอด removeItem() ของ HTML DOM Storage ใช้สำหรับลบรายการของออบเจ็กต์ storage โดยการส่งชื่อ key ที่กำหนด
ไวยากรณ์
ไวยากรณ์สำหรับเมธอด removeItem() ของ Storage:
localStorage.removeItem(keyname);
OR
sessionStorage.removeItem(keyname);
ที่นี่ keyname เป็นประเภท string และแทนชื่อของรายการที่จะลบ
ตัวอย่าง
มาดูตัวอย่างสำหรับเมธอด removeItem() ของ Storage:
<!DOCTYPE html> <html> <body> <h1 style="text-align:center">Storage removeItem() method example</h1> <p>ลบรายการ localstorage โดยคลิกปุ่มด้านล่าง</p> <button onclick="itemDelete>REMOVE</button> <p>แสดงรายการ localstorage โดยคลิกปุ่มด้านล่าง</p> <button onclick="itemShow>DISPLAY</button> <p id="Sample"></p> <script> localStorage.setItem("TEXT1","HELLO WORLD"); function itemDelete() { localStorage.removeItem("TEXT1"); itemShow(); } function itemShow() { var x = localStorage.getItem("TEXT1"); document.getElementById("Sample").innerHTML ="The 'TEXT1' key value is "+x; } </script> </body> </html>
ผลลัพธ์
จะได้ผลลัพธ์ดังนี้:
เมื่อคลิกปุ่ม DISPLAY:
เมื่อคลิกปุ่ม REMOVE:
