Question

我希望所有代码都在pre-tag中，但innerHTML或jquery：html（）不会返回所有代码。有些事情被切断了。像doctype和head body标签等。

<pre id="pre">
    <!DOCTYPE html>
    <html >
        <head></head>
        <body>    
            <div>asdfds</div>
        </body>    
    </html>
</pre>

当我提醒#pre对象的innerHTML时它只提醒div

http://jsfiddle.net/6o8xjtaq/1/

还有其他可能解决这个问题吗？

Answer 1

将<和>替换为<和>，这样您就可以获得它，但不是无效的HTML。

<pre id="pre">
&lt;!DOCTYPE html&gt;
    &lt;html &gt;
        &lt;head&gt;&lt;/head&gt;
        &lt;body&gt;    
            &lt;div&gt;asdfds&lt;/div&gt;
        &lt;/body&gt;    
    &lt;/html&gt;
</pre>

Answer 2

如果你真的想这样做，请使用脚本

<script id="pre" type="text/template">
<!DOCTYPE html>
<html >
    <head></head>
    <body>    
        <div>asdfds</div>
    </body>    
</html>
</script>

$('#pre').text();

<pre> tag, innerHTML doesnt return all the code</pre>内的Html代码

2 个答案: