Javascript知识【元素内容体实操案例】

追加的行：末尾序号需要递增的   如果序号已经有1、2，再次追加，行序号为3
追加的头：追加的头部，序号必须为1

姓名和年龄必须通过输入框输入
-->

<input type="button" value="点我向末尾追加一行" onclick="addDataToLast()"/>
<input type="button" value="思考：点我向头部追加一行"/>
<table id="t1" style="width:500px;background-color: pink;border:1px dashed blue;">
    <caption>
        内容体表格
    </caption>
    <tr>
        <th>序号</th>
        <th>姓名</th>
        <th>年龄</th>
    </tr>
    <tr>
        <td>1</td>
        <td>XXX</td>
        <td>19</td>
    </tr>
    <tr>
        <td>2</td>
        <td>XXX</td>
        <td>19</td>
    </tr>
</table>