Re: [問題] 請問如何用javascript刪除div?

看板Web_Design作者 (冰風)時間14年前 (2011/07/07 13:36), 編輯推噓1(103)
留言4則, 4人參與, 最新討論串2/2 (看更多)
<body> <form method="post" action""> <input type="text" name="text" id="text"> <input type="button" value="+" onClick="add1()"> </form> <div id="div1"> </div> <script type="text/javascript"> var i=1; var arr = new Array(); function add1(){ var pTag = document.createElement("div"); var input = document.getElementById('text').value; pTag.id = "div_"+i; pTag.innerHTML = input + '<input type="button" value="+子項" onClick="add2('+i+')">' + '<input typ="button" value="-" onClick="del1()">'; document.getElementById("div").appendChild(pTag); arr[i] = 1; i++; } function add(id){ if (arr[id] =='') arr[id] = 1; var divTag = document.createElementById("div"); var input = document.getElementById('text').value; divTag.id = 'sdiv_'+ id + arr[id]; divTag.innerHTML = ' ' + input + '<input type="button" value="-子項" onClick="del2()">'; document.getElementById("div_"+id).appendChild(divTag); arr[id]++; } function del1(){ 這裡要刪母項 } function del2(id){ 這裡要刪子項 } </script> <body> 程式碼如上,刪除的那兩部份實在想不出,還請各位幫忙 感激不盡 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 140.131.139.26

07/07 14:01, , 1F
恩,建議你可以考慮用jQuery來做會很方便
07/07 14:01, 1F

07/07 14:26, , 2F
估狗 javascript dom remove
07/07 14:26, 2F

07/07 14:47, , 3F
不用每個東西都用jQuery..
07/07 14:47, 3F

07/08 21:18, , 4F
抓取DIV的父節點再用removeChild 刪除...
07/08 21:18, 4F
文章代碼(AID): #1E5KNpxA (Web_Design)
文章代碼(AID): #1E5KNpxA (Web_Design)