I'm trying to remove a surrounding div section from the DOM by using the following simple code:
document.getElementById("1").outerHTML = document.getElementById("1").innerHTML;<p>
Part 1
<div id="1">
<span id ="2">
Part 2
</span>
Part 3
</div>
Part 4
</p>The expected output applying the script is that all parts are within one single line. However they are not. When I manually remove the div section from the HTML code they are in one line. Any ideas what I'm doing wrong?
Thank you,
Andreas
You cannot nest a block level element inside inline elements in HTML. In other words, a div inside a p is invalid in all standards of HTML. Moreover, when using a conforming HTML parser, it is impossible to place a <div> element inside a <p> in the DOM because the opening <div> tag will automatically close the <p> element.
Your code is correct if the surrounding element was a div.
<div>
Part 1
<div id="1">
<span id ="2">
Part 2
</span>
Part 3
</div>
Part 4
</div>
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments