Removing wrapper div without Jquery (raw javascript)

html, javascript, wrapper

Solution

shouldn't this line work

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

See this JSBin Example (inspect the element)

Problem

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 so: ``` <div><div id="mydiv">Important text here</div></div> ``` After removal of "mydiv": ``` <div>Important text here</div> ``` What should I do, I'd like to know the theory. Thanks in advance.

Original source