DOM要素をJavaScriptで削除するには次のようにします。
次のような html 構造になっている場合
<div id="hoge">
<div id="aaa">テストA</div>
<div id="bbb">テストB</div>
<div id="ccc">テストC</div>
</div>
id="hoge" を削除するには
_delete_element('hoge');
function _delete_element( id_name ){
var dom_obj = document.getElementById(id_name);
var dom_obj_parent = dom_obj.parentNode;
dom_obj_parent.removeChild(dom_obj);
}
子要素 id="aaa" id="bbb" id="ccc" を削除するには次のようにします。
_delete_child_element('hoge');
function _delete_child_element( id_name ){
var dom_obj = document.getElementById(id_name);
while (dom_obj) dom_obj.removeChild(dom_obj.firstChild);
}
こちらにもっと詳しく書いてあります : ライブラリを使わない素のJavaScriptでDOM操作