Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Removing wrapper div without Jquery (raw javascript)

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.

like image 292
funerr Avatar asked Dec 16 '22 21:12

funerr


1 Answers

shouldn't this line work

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

See this JSBin Example (inspect the element)

like image 178
Moritz Roessler Avatar answered Dec 31 '22 05:12

Moritz Roessler