ie7中的表大小为0

Table size is 0 in IE 7

本文关键字：小为 ie7      更新时间：2023-09-26

我在Javascript中像这样添加表的内容

function (data) {
        $("#forum-content").html(data);
}

data是一个具有表内容("<tr>...</tr><tr>...</tr>...")的字符串，我想将该内容添加到我的表中。

<table id="forum-content"></table>

在大多数浏览器中，它看起来很好，但在IE 7中添加内容后，我看不到表…我检查问题是IE 7在添加内容后计算我的表0(宽度=0，高度=0)的大小。

如何解决这个问题?

您应该避免这样编写表体。在IE表传统上是非常脆弱的，当使用innerHTML(这是jQuery的html()方法基本上是)。

尝试构建整个表:

function (data) {
        $("#forum-content").html("<table>" + data + "</table>");
}


<div id="forum-content"></div>

在我的测试中，我没有发现任何问题。是否检查内容是否添加到表格中?是否抛出任何错误。

<table id="forum-content">
</table>
<script>
$(function() {
  function addContent(data) {
          $("#forum-content").html(data);
  }
  addContent('<tr><th>Title</th><td>Content</td></tr>');
});
</script>
</body>
相关文章：