Question

代码就像这样

<div id='blogbook'></div>
...
<script>
...
var z="<table>
<td>Blog title and date<br><hr></td>
<tr>
<td>A very long string consisting of many paragraphs, say, a blog</td></table>";
function disp(){
document.getElementById('blogbook').innerHTML=z;
}
disp();
</script>

显示屏就像这样......

博客标题和日期

一个很长的字符串，由
组成 ......（很多行）...
很多段落，sa

整个博客没有显示，而是在博客实际结束之前很久就停止了。
的问题：

为什么会这样？
如何解决这个问题？
这个问题出现在Firefox中（我使用的是v7，但IE显示它很好，就是完整的博客）

Answer 1

您的HTML标记不正确。

var z="<table>
<td>Blog title and date<br><hr></td>
<tr>
<td>A very long string consisting of many paragraphs, say, a blog</td></table>";

该代码是这样的：

<table>
    <td>Blog title and date<br><hr></td>
  <tr>
    <td>A very long string consisting of many paragraphs, say, a blog</td>
</table>

应该是：

<table>
  <tr>
    <td>Blog title and date<br><hr></td>
  </tr>
  <tr>
    <td>A very long string consisting of many paragraphs, say, a blog</td>
  </tr>
</table>

Answer 2

这行<div id='blogbook'></td>是怎么回事？你需要关闭div。它在语义上不正确，可能导致浏览器显示错误，例如

<div id='blogbook'></div></td>

如果您的嵌套表

，请不要关闭上面的表格或者不打开新的td

不显示完整内容（Mozilla Firefox）

2 个答案: