Como borrar div

[aguila_393]

Bueno, recien me estoy iniciando y estoy probando haber que es lo que puedo hacer con esto de Javascript. Ya me lei un buen manual pero ahora es donde se pone complicado, cuando quiero empezar a experimentar.

Resulta que quiero quitar un recuadro que esta armado con divs pero que no tienen id.

Estoy trabajando con Greasemonkey para poder modificar paginas que ya existen y esto seria el codigo de lo que quiero quitar:

<div id="centro">
<div id= "takeoverdiv"> </div> // Div que no tiene nada y no se porque esta
<div class= "box_title"> // Div que quiero borrar
<div class= "box_cuerpo" style "padding opt;" > //Div que quiero borrar (junto con la otra forman la caja que quiero quitar.

Bueno y yo lo que hice fue:

var centro = document.getElementById("centro");
var box_title = centro.childNodes[1];
var box_cuerpo = centro.childNodes[2];

box_title.parentNode.removeChild(box_title);
box_cuerpo.parentNode.removeChild(box_cuerpo);

pero luego cuando lo pruebo no hace nada.. Es como si directamente no hubiera escrito nada..

Alguien tiene idea porque puede ser que no funcione? tambien probe de ponerlo todo dentro de window.onload = function () { aca adentro} para que el script cargue luego de que se termine de cargar la web pero sigue sin funcionar.

[maycolalvarez]

revisa el nivel de anidación, el div que quieres borrar esta anidado dentro de takeoverdiv y este dentro de centro, lo que sería:

var centro = document.getElementById("centro");
var box_title = centro.childNodes[1].childNodes[1];
var box_cuerpo = box_title.childNodes[1];

[aguila_393]

Iniciado por maycolalvarez

revisa el nivel de anidación, el div que quieres borrar esta anidado dentro de takeoverdiv y este dentro de centro, lo que sería:

var centro = document.getElementById("centro");
var box_title = centro.childNodes[1].childNodes[1];
var box_cuerpo = box_title.childNodes[1];

Disculpa, me equivoque, el div takeoverdiv cierra luego. Y los demas no cierran y eso es lo que me parecio raro, solo son:

<div class= "xxxx"> pero en ningun lugar se encuentra el </div>

supongo que debe ser otra manera de crear un sitio web.. Los hijos de la div Centro son esos que deje ahi.

[maycolalvarez]

postea los div tal cual como los tienes, asi es más fácil ayudarte

Código HTML:

y por favor usa HIGHLIGHT
 

[aguila_393]

Código HTML:

<div id="centro">
 
        <div id="takeover_div"></div>
        
        <div class="box_title">  
        <div class="box_txt destacados">Publicidad</div>   // Estos si son hijos de box_title 
        <div class="box_rss"></div>
        </div>
        <div class="box_cuerpo" style="padding:0;">
 
        <center>
 

y sigue con algunas cosas mas pero que no quiero borrar...

[aguila_393]

Nadie sabe porque puede suceder esto o donde conseguir alguna pagina que explique bien detallado?