Removing wrapper div without Jquery (raw javascript)

Question

I know there is a solution with Jquery called unwrap, but I am writing \"raw\" JavaScript. I didn\'t find any solution without jQuery.

I\'d like to remove a div like

Answer 1

Try

​var el = document.getElementById('mydiv');
var text = el.innerText; //or el.innerHTML
    el.parentNode.innerHTML = text;
​

This would replace the html of mydiv's parent with the content of mydiv.

Answer 2

You need to use removeChild method for that:

var divToRemove = document.getElementById('mydiv').;
var tmpStr = divToRemove.innerHTML;
var parent = divToRemove.parentNode;
parent.removeChild(divToRemove);
parent.inerHTML(tmpStr);

Answer 3

shouldn't this line work

 document.getElementById("mydiv").outerHTML = document.getElementById("mydiv").innerHTML

See this JSBin Example (inspect the element)