Question

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type"
    content="text/html; charset=utf-8" />

    <title>title</title>
  </head>

  <body>
<script type="text/javascript">

<!-- 
var pre = document.createElement('pre');
pre.innerHTML = "aaa\naaa\nbbb";
document.body.appendChild(pre); 
//--> 
</script>
  </body>
</html>

但删除了断线。

为什么？

还有另一个好方法吗？

Answer 1

var pre = document.createElement('pre');
pre.innerHTML = "aaa<br />aaa<br />bbb";
document.body.appendChild(pre);

Answer 2

Internet Explorer在分配.innerHTML时规范化空白。您可能想要尝试.innerText。

请参阅：http://stud3.tuwien.ac.at/~e0226430/innerHtmlQuirk.html

Answer 3

您是否尝试添加＆lt; br /＆gt;而不是\ n？

innerHTML breakline在IE6中不起作用

3 个答案: