Estoy intentando borrar un
número desconocido de divs cuyos id empiecen por
Box_ excepto uno llamado
Box_0.
En el codigo que he puesto estan como valores seleccionados:
Box_0 = A
Box_1 = B Box_2 = C Box_3 = D Box_4 = E Box_5 = F
El problema es que solo se borran aquellos que he puesto de color verde, pero quisiera que se borraran tambien los que he puesto de color rojo. ¿Que estoy haciendo mal?
<script language="javascript">
function BorrarBOX(){
capas=document.getElementsByTagName('div');
for (i=0;i<capas.length;i++){
if(capas[i].id.indexOf('Box_') != -1){
if((capas[i].id)!='Box_0'){ //Para que no borre el 'Box_0'
capas[i].parentNode.removeChild(capas[i]);
}
}
}
}
</script>
<FORM name="formulario" action="pagina.html" method="post">
<DIV style='WIDTH: 365px' id='BoxContenedor'>
<DIV id='Box_0'>
<DIV style='WIDTH: 100%'>
<SELECT name='despegable0'><OPTION value='1' selected='selected'>A</OPTION><OPTION value='2'>B</OPTION><OPTION value='3'>C</OPTION><OPTION value='4'>D</OPTION><OPTION value='5'>E</OPTION><OPTION value='6'>F</OPTION></SELECT>
</DIV>
</DIV>
<DIV id='Box_1'>
<DIV style='WIDTH: 100%'>
<SELECT id='despegable2'><OPTION value='1'>A</OPTION><OPTION value='2'>B</OPTION><OPTION value='3' selected='selected'>C</OPTION><OPTION value='4'>D</OPTION><OPTION value='5'>E</OPTION><OPTION value='6'>F</OPTION></SELECT>
</DIV>
</DIV>
<DIV id='Box_2'>
<DIV style='WIDTH: 100%'>
<SELECT id='despegable2'><OPTION value='1'>A</OPTION><OPTION value='2'>B</OPTION><OPTION value='3' selected='selected'>C</OPTION><OPTION value='4'>D</OPTION><OPTION value='5'>E</OPTION><OPTION value='6'>F</OPTION></SELECT>
</DIV>
</DIV>
<DIV id='Box_3'>
<DIV style='WIDTH: 100%'>
<SELECT id='despegable3'><OPTION value='1'>A</OPTION><OPTION value='2'>B</OPTION><OPTION value='3'>C</OPTION><OPTION value='4' selected='selected'>D</OPTION><OPTION value='5'>E</OPTION><OPTION value='6'>F</OPTION></SELECT>
</DIV>
</DIV>
<DIV id='Box_4'>
<DIV style='WIDTH: 100%'>
<SELECT id='despegable4'><OPTION value='1'>A</OPTION><OPTION value='2'>B</OPTION><OPTION value='3'>C</OPTION><OPTION value='4'>D</OPTION><OPTION value='5' selected='selected'>E</OPTION><OPTION value='6'>F</OPTION></SELECT>
</DIV>
</DIV>
<DIV id='Box_5'>
<DIV style='WIDTH: 100%'>
<SELECT id='despegable5'><OPTION value='1'>A</OPTION><OPTION value='2'>B</OPTION><OPTION value='3'>C</OPTION><OPTION value='4'>D</OPTION><OPTION value='5'>E</OPTION><OPTION value='6' selected='selected'>F</OPTION></SELECT>
</DIV>
</DIV>
</DIV>
</FORM>
<br />
<a href="javascript
:void(0);" onClick="BorrarBOX();">Borrar BOXES()</a>