javascript - 为什么第二张 table 不可见？

Question

我在一个页面中有两个表格，如下所示:

<table style="width:800px">
    <tr>
        <td style="width:400px;">
            <table id="currencies"
                style="border-spacing: 5px; padding: 3px; margin: 2px" />
        </td>
        <td style="width:400px;">
            <table id="changers"
                style="border-spacing: 5px; padding: 3px; margin: 2px" />
        </td>
    </tr>
</table>

我使用 jqgrid 来扩展这些。一个是主表，另一个是细节表。然而，问题是第二个表 (id = "changers") 没有显示在页面中。我从浏览器检查了 javascript，它只有一个 <td>表行中的元素。如果我像这样将它们放在单独的表中，这个问题就会消失:

<table id="currencies"
                style="border-spacing: 5px; padding: 3px; margin: 2px" />
<table id="changers"
                style="border-spacing: 5px; padding: 3px; margin: 2px" />

我完全坚持这一点。感谢您的帮助。

Answer 1

你的两个嵌套table标签没有关闭。 <tag/> form 不是 <tag></tag> 的简写形式，它纯粹用于 void 元素，例如 <br/>没有标记内容(对于外来元素也是如此，详细信息在 the spec 中)，并且您只需要 XHTML 中的斜线 ( / )(我建议避免，除非您有一个非常具体的需要使用它，XHTML 充满了危险和误解)。

用 <table ...></table> 明确关闭表而不是 <table .../> :

<table style="width:800px">
    <tr>
        <td style="width:400px;">
            <table id="currencies"
                style="border-spacing: 5px; padding: 3px; margin: 2px"></table>
        </td>
        <td style="width:400px;">
            <table id="changers"
                style="border-spacing: 5px; padding: 3px; margin: 2px"></table>
        </td>
    </tr>
</table>