質問: html内で動的にデータベースの内容にあわせて DIV要素を追加し、 不要になったらボタンで要素そのものを削除する ということをやりたいのですがうまく動作しません。 サンプルHTMLは、 DBの代わりに、追加ボタンをNo1~No5まで作りました 任意の順番で適当にボタンを押せば、要素は追加されていきますが、 その後、任意の番号のDIV要素を削除したいと考えています このサンプルではどんな順番で追加していっても No3を削除して、削除したら 削除した要素の下の要素が上に詰まっていく ということを実現したいのですが、 うまく要素が消えません。 指定の仕方が悪いのだと思いますが、よくわからないので 教えてください。 ``` No1を追加! No2を追加! No3を追加! No4を追加! No5を追加! [No3]を削除 ```
回答: 新しくdiv要素を追加するのではなく、最初はdisplay:noneにしたdiv要素をボタンのON/OFFで display:blockとdisplay:noneを切り替える方式はいかがでしょうか。