Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

เมธอด setItem() ของ HTML DOM Storage


เมธอด setItem() ของ HTML DOM Storage ใช้สำหรับลบรายการของออบเจ็กต์ storage โดยการส่งชื่อ key ที่กำหนด

ไวยากรณ์

ไวยากรณ์สำหรับเมธอด removeItem() ของ Storage:

localStorage.removeItem(keyname,value);

OR

sessionStorage.removeItem(keyname,value );

ที่นี่ keyname เป็นประเภท string และแทนชื่อ key ที่ใช้สำหรับดึงค่า พารามิเตอร์ที่สอง value แทนค่าใหม่ที่จะแทนที่ค่าเก่า

ตัวอย่าง

มาดูตัวอย่างสำหรับเมธอด setItem() ของ Storage:

<!DOCTYPE html> <html> <body> <h1 style="text-align:center">Storage setItem() method example</h1> <p>สร้างรายการ localstorage โดยคลิกปุ่มด้านล่าง</p> <button onclick="itemCreate()">CREATE</button> <p>แสดงรายการ localstorage โดยคลิกปุ่มด้านล่าง</p> <button onclick="itemShow()">DISPLAY</button> <p id="Sample"></p> <script>    function itemCreate() {       localStorage.setItem("TEXT1","HELLO WORLD");       document.getElementById("Sample").innerHTML ="The key-value pair has been created";    }    function itemShow() {       var s = localStorage.getItem("TEXT1");       document.getElementById("Sample").innerHTML ="The 'TEXT1' key value is "+s;    } </script> </body> </html>

ผลลัพธ์

จะได้ผลลัพธ์ดังนี้:

เมธอด setItem() ของ HTML DOM Storage

เมื่อคลิกปุ่ม CREATE:

เมธอด setItem() ของ HTML DOM Storage

เมื่อคลิกปุ่ม DISPLAY:

เมธอด setItem() ของ HTML DOM Storage