Javascript 在IE8中动态添加tr和td设计问题

HTML设计：

但在IE8中，当单击“添加更多”按钮时，会发生以下情况：

      Name  textbox
      Roll  textbox

Name textbox   { dynamically add}
Roll textbox   { dynamically add} 

动态添加名称、文本框和滚动，文本框放置在左侧位置。但我需要动态添加名称，文本框和滚动，文本框放置以前的名称，文本框和滚动，文本框位置i，e

 Name  textbox
 Roll  textbox
 Name  textbox  { dynamically add}
 Roll  textbox  { dynamically add 

---

我能理解我的问题吗。请帮帮我。

我相信IE需要将表行显式添加到tbody元素中

适当的结构是：

<table>
    <thead>
        <tr>
            <th>...</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <td>...</td>
        </tr>
    </tfoot>
    <tbody>
        <tr>
            <td>...</td>
        </tr>
    </tbody>
</table>

...
...
...

您没有关闭末尾的

表

标记。此外，我确信您正在尽最大努力，但我不明白问题出在哪里。这里我不关闭表格，但在我的项目中，我已关闭了表格标记。请尝试改写您对问题的解释，例如，您遇到了什么问题

      Name  textbox
      Roll  textbox

Name textbox   { dynamically add}
Roll textbox   { dynamically add} 

 Name  textbox
 Roll  textbox
 Name  textbox  { dynamically add}
 Roll  textbox  { dynamically add 

<table>
    <thead>
        <tr>
            <th>...</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <td>...</td>
        </tr>
    </tfoot>
    <tbody>
        <tr>
            <td>...</td>
        </tr>
    </tbody>
</table>