javascript - 为什么第二个表不可见？

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>