divやspanタグの中の全ての情報を削除する方法

フォーム中にjavascript（prototype.js）で色々と値や項目を動的に追加していった場合、その場で追加した値を消したいときなどに利用するため、動的に追加したものはspan id="hoge0001"のようなユニークなIDを振っておいて、消したくなったら下記のような関数にidの値をわたす。

function deletelink( deleteid ){
	var dom_obj_parent = $(deleteid).parentNode;
	dom_obj_parent.removeChild( $(deleteid) );
}

追加する場合は、下記のようにする。この例は、address1で選択されたvalueの値をspan idに入れて、selectのtextを追加表示名にしています。

<input type="button" name="hoge" value="追加" id="add_address" onclick="add_address_list();">

function add_address_list() {
  var add_mix = 'hoge' + $("address1").value;
  var add1_val_text = $("address1").options[$("address1").selectedIndex].text;
  $("hoge_list").innerHTML += '<span id="' + add_mix + '"><a style="color:blue" onclick="deletelink(\'' + add_mix + '\');">' + add1_val_text + '</a></span>';
}

こうすると、id="hoge_list"の中にどんどん選択したaddress1が追加されていく。aタグになっているので、それをクリックすると、deletelink関数が呼ばれて引数に入れたspan idをspanタグごとまるごと削除する