localstrageに収納されているデータが複数あります。
この複数のデータのそれぞれを表示させるときに、個別削除ボタンを付けたいと考えています。
下記のように<BR><input type='button' value='削除' onClick='removeItem(k)'>でremoveItem(k)を呼び出して個別削除するように作りました。
【結果】
alert("このデータを消去しました。"); は出てくるのですが、実際には消去されていません。
どこが間違っているのかご教示戴きたくお願いいたします。
javascript
1 2 3 4<script> 5var storage = localStorage; 6 7//データを保存する 8function set() { 9 var k = document.getElementById("k").value; 10 var v = document.getElementById("v").value; 11 storage.setItem(k, v); 12 show_result(); 13} 14 15//データを個別クリアする 16function removeItem(k) { 17 storage.removeItem(k); 18 alert("このデータを消去しました。"); 19 show_result(); 20} 21 22//保存されているデータをリスト表示する 23function show_result() { 24 var result = ""; 25 //保存されているデータの数だけループ 26 for(var i=0; i<storage.length; i++){ 27 //i番目のキーを取得 28 var k = storage.key(i); 29 30 result +="<BR><input type='button' value='削除' onClick='removeItem(k)'><BR><a href=" + storage.getItem(k) + "><table class='table table-striped table-hover '><tr class='active'><td>" + k + "</td></tr></table></a>" ; 31 32 } 33 //上のループで作成されたテキストを表示する 34 document.getElementById("show_result").innerHTML = result; 35 36} 37</script> 38 39<input type="hidden" id="get_hyoji" value="表示" onClick="set()"> 40</p> 41<p> 42<div id="show_result"></div> 43</p> 44 45 46<script> 47document.getElementById('get_hyoji').click(); 48</script> 49 50
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/02/25 05:18
2017/02/25 05:40
2017/02/25 08:11