JavaScript: удалить <div> блок через id

#javascript

Подскажите, пожалуйста, как в JavaScript(без использования jQuery и пр. библиотек)
удалить полностью конструкцию блока 
 и его содержиоме:


     

         Текст1 
    
    

         Текст2 
    



Должно получиться:



    

         Текст2 
    




Спасибо!
    

Ответы

Ответ 1

document.getElementById("id1").remove();

     

         Текст1 
    
    

         Текст2 
    



Ответ 2

Например так:



var parent = document.getElementById("main");
var child = document.getElementById("id1");
parent.removeChild(child);

     

         Текст1 
    
    

         Текст2 
    



Ответ 3

Примерно как-то так:



var div = document.getElementById("id1");
div.parentNode.removeChild(div);



  

     

         Текст1 
    
    

         Текст2 
    






Я думаю, что будет весьма полезно изучить этот познавательный ресурс :)


Ответ 4

document.getElementById("id1").outerHTML='';


Поддержка браузерами

Остается добавить, что способ преложенный Elena Semenchenko более многословный, но
более железобетонный.
   Способ предложенный Dmitriy Kondratiuk более ясный, но в ослах например не заработает.