先日同じような質問をさせていただいたのですが初心者の私にはとても難しく理解できなかったのでもう一度質問させていただきます
下記のコードはテキストボックスで受け取った内容をinnerHTMLで表示し保存するという簡易ToDo管理です。(まだ保存の部分は書いていません)
ここで問題なのが下記のコードで削除ボタンを押すとすべて消えてしまうということです。
それは削除指定している場所が<div id="txt_show">全体になっているのですべて消えます。
ここまでは自分でもわかっているのですがどうすれば任意のものだとを削除できるかわかりません
申し訳ないのですが初心者なのでできるだけ簡単に噛み砕いて説明していただきたいと思っております
よろしくお願いします
JavaScript
1<!doctype html> 2<html> 3<head> 4 <meta charset="utf-8"> 5 6</head> 7<body> 8 <!--MEMO追加フォーム--> 9 <input type="text" id="text" placeholder="TextValue"> 10 <input type="button" value="Add" onclick="add_txt();"> 11 <!--MEMO表示--> 12 <div id="txt_show"></div> 13<script > 14 //MEMO追加関数 15 function add_txt(){ 16 var text = document.getElementById('text').value; 17 var txt_show = document.getElementById('txt_show').innerHTML; 18 if(txt_show != ""){ 19 txt_show += "<br>"; 20 } 21 document.getElementById('txt_show').innerHTML = txt_show + text + "<input type='button' value='Del' onclick='del_txt();'>"; 22 } 23 24 //MEMO削除関数 25 function del_txt(){ 26 document.getElementById('txt_show').innerHTML = ""; 27 } 28 29 //セーブ&ロード 30</script> 31 32</body> 33</html> 34
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。