JavaScript Dom 案例-动态表格的添加和删除(一)

案例知识点关键字:
Document,Node,Element,innerHTML,onclick

基本代码如下,这是一个目前只有HTML和CSS的的页面效果:

代码如下:

<table>
    <caption>信息表</caption>
    <tr>
        <th>ID</th>
        <th>名字</th>
        <th>性别</th>
        <th>操作</th>
    </tr>
    
    <tr>
        <td>1</td>
        <td>姚明</td>
        <td>男</td>
        <td><a href="javascript:void(0);" onclick="delTr(this);">删除</a></td>
    </tr>
    
    <tr>
        <td>2</td>
        <td>易建联</td>
        <td>男</td