подскажите как удалить div

[alex2012]

есть html 
	<div id="divResult" style=" color:red;"> 
	 
	<div id="box_0"></div> 
	<div id="clear_0" class="clear_coment"/></div> 
	 
	<div id="box_1"></div> 
	<div id="clear_1" class="clear_coment"/></div> 
	 
	<div id="box_2"></div> 
	<div id="clear_2" class="clear_coment"/></div> 
	</div>

в дивах box_... есть вложение с дивами и кнопкой удалить
при нажатии по которой удаляется див в котором кнопка.
див box удалось удалить а див clear_... не получается
пробовал через .nextSibling не получилось

код javascript
доступ к диву box
/*Удалени после нажатия diva (box)*/
var del= th.parentNode.parentNode.parentNode.parentNode.par entNode.parentNode;
del.parentNode.removeChild(del);


одним словом как удалить
<div id="box_....">
<div id="clea_..."> при клике по кнопки удалить

[Deff]

А что - Вариант разве не подходит ?
подскажите как удалить div

[alex2012]

надо на чистом javascript

[alex2012]

подсказали вот такой вариант
я всё сделал но не пойму почему не работает

Так как имена атрибутов id всех ваших элементов схожи и отличаются только нумерацией, то лучше вместо многочисленных parentNode обращаться к элементам по их id. Если кнопка удаления будет иметь номер как и у родителя, то: removeChild(document.getElementById('box_'+номер_полученный_от_кнопки))  

Соответственно также обращаться к другим элементам.

[Deff]

alex2012,
На чистом Js - шоб не мучать перебором - оберните конструкцию внешним div

<div class=wrap_section>
<div id="box_2"></div>
<div id="clear_2" class="clear_coment"/></div>
</div>

Хотя можно и через перебор

[Deff]

Так как имена атрибутов id всех ваших элементов схожи и отличаются только нумерацией, то лучше вместо многочисленных parentNode обращаться к элементам по их id. Если кнопка удаления будет иметь номер как и у родителя, то: removeChild(document.getElementById('box_'+ном� �р_полученный_от_кнопки))  

Будет работать, только box нужно удалять раньше кнопки удаления

[Deff]

<style type="text/css">
#divResult {
 width:315px;
}
div[id^="box_"]{
 width:200px;
 height:32px;
 border:2px blue solid;
}
div.clear_coment{
 float:right;
 margin-top:-32px;
 width:100px;
 height:32px;
 border:1px red solid;
 text-align:center;
 cursor:pointer;
}
</style>
	<div id="divResult" style=" color:red;"> 
	 
	<div id="box_0">1</div> 
	<div id="clear_0" class="clear_coment" onclick="Remov(this)">clear</div> 
	 
	<div id="box_1">2</div> 
	<div id="clear_1" class="clear_coment"  onclick="Remov(this)">clear</div> 
	 
	<div id="box_2">3</div> 
	<div id="clear_2" class="clear_coment"  onclick="Remov(this)">clear</div> 
	</div>

<script type="text/javascript">
function Remov(a) {
  var id = a.id;
  var id_box = id.replace("clear_","box_");
  a.parentNode.removeChild(document.getElementById(id_box));
  a.parentNode.removeChild(a);

}

</script>

[Sveta]

Сталкнулась с проблемой - нужно было удалить div (пока шел процесс загрузки - пользователю предоставлялися часы идущие, а после процесса нужно было убрать эти часы)
В итоге много чего пробовала, не работало, сработало удаление объектов с помощью JQuery:

var my = jQuery('#yourdivId');
        my.detach();

Так что может пригодиться кому

[Shipa]

Как же меня бесит современный интернет!
Одни дебилы и умники. Человек задал вопрос, чтобы получить ответ и другим помочь. А вы?
Один пишет что не знает, другой унижает, третий умничает и кидает ссылку абсолютно не в тему. И еще 10 человек тупо пишут всякую ахинею.

Не знаешь молчи!!!

А теперь по теме!
Если известен id, то удалить элемент можно так:
document.getElementById('ID').outerHTML = "";

А если нет id, то нужно его назначить

[tsigel]

Не кроссбраузерно:

document.getElementById('ID').remove()

Кроссбраузерно:

var elem = document.getElementById(id);
elem.parentNode.removeChild(elem);