Why does newline after pre tag disappear?
dom, html, javascript
Solution
Because that's what the spec says to do:
Note: In the HTML syntax, a leading newline character immediately following the `pre` element start tag is stripped.
So if you want that newline there, somewhat counter-intuitively you have to add an extra one: Example
<pre id="mypre">
hello
pre
world
</pre>
Side note: I strongly recommend always including a doctype, even in short examples like the one in your question. It can make a difference (although I don't think it does in this case).
Problem
Why does a new line immediately following a <pre> tag not appear in the DOM? ``` <html> <body> <div id="mydiv"> hello div world </div> <pre id="mypre"> hello pre world </pre> <script> alert("div content: "+document.getElementById("mydiv").innerHTML) alert("pre content: "+document.getElementById("mypre").innerHTML) </script> </body> </html> ``` Shows that unlike the line break after the div-tag the line break after the pre-tag doesn't seem to be in the dom. Also the innerHTML of the whole body doesn't show a line break after the pre-tag. Is there any way to find out in JS if the original HTML document contains a line break after the <pre> or not?