เมธอด getItem() ของ HTML DOM Storage ใช้สำหรับดึงออบเจ็กต์ storage โดยการส่งชื่อ key ที่กำหนด จะส่งคืนค่าของ key และหากไม่มี key ดังกล่าวจะส่งคืน NULL
ไวยากรณ์
ไวยากรณ์สำหรับเมธอด getItem() ของ Storage:
localStorage.getItem(keyname);
OR
sessionStorage.getItem(keyname);
ที่นี่ keyname เป็นประเภท string และแทนชื่อของรายการที่จะดึง
ตัวอย่าง
มาดูตัวอย่างสำหรับเมธอด getItem() ของ HTML DOM Storage:
<!DOCTYPE html> <html> <body> <h1 style="text-align:center">Storage getItem() method example</h1> <p>สร้างรายการ localStorage ชื่อ CLICKS เพื่อนับจำนวนคลิกที่ปุ่ม create โดยคลิกปุ่มด้านล่าง</p> <button onclick="createItem()">CREATE</button> <p>ดึงค่า CLICKS item โดยคลิกปุ่มด้านล่าง</p> <button onclick="showItem()">Display</button> <p id="Sample"></p> <script> var y=1; function createItem() { document.getElementById("Sample").innerHTML="localStorage Item has been created with name CLICKS"; localStorage.visits = y; y++; } function showItem() { var x = localStorage.getItem("visits"); document.getElementById("Sample").innerHTML = "The total no. of clicks are : "+x; } </script> </body> </html>
ผลลัพธ์
จะได้ผลลัพธ์ดังนี้:
เมื่อคลิกปุ่ม CREATE:
เมื่อคลิกปุ่ม “Display”:
