<td> 不显示全部内容 (Mozilla Firefox)答案

【问题标题】：<td> does not display full contents (Mozilla Firefox)<td> 不显示全部内容 (Mozilla Firefox)
【发布时间】：2011-11-05 01:42:45
【问题描述】：

代码是这样的

<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

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

为什么会这样？
如何解决这个问题？
这个问题出现在火狐浏览器上（我用的是v7但是IE显示很好，就是完整的博客）

【问题讨论】：

您的 html 可能无效。尝试通过验证器运行它。
每次不关闭 html 标签，小海豹就会死去 :(
对不起，我的错误。我没有意识到这不是 HTML 问题。而是关于 JS 将 XML 节点切割成多个大小为 4kiB 的节点并让我懒惰只打印firstChild.data（第一个节点）。无论如何，谢谢你的回答。我确实在 HTML 方面有一些经验，如果它只是像无效 HTML 这样简单的问题，我不会发布。

标签： firefox html-table

【解决方案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>

【讨论】：

不，我试过了，不是这样。恐怕不是那么简单的事情。不知何故，Ff 限制了字符串 var z 的大小。我的许多博客都是 5k-6k 字符长。但是，仅显示大约 4076 个字符。但是这个问题不会发生在 IE 上。任何线索为什么只显示大约 4kiB 的数据？

【解决方案2】：

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

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

加上你没有关闭上面的表格或者你没有打开一个新的 td 如果你的嵌套表格

【讨论】：