JS——DOM表格

获取

tBodies     tbody(数组)

tHead        (元素)

tFoot        (元素)

rows         行(数组)

cells        例(数组)

实例：

<table id = "tb1">
    <thead>
        <td>ID</td>
        <td>姓名</td>
        <td>年龄</td>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>one</td>
            <td>yi</td>
        </tr>
        <tr>
            <td>2</td>
            <td>two</td>
            <td>er</td>
        </tr>
        <tr>
            <td>3</td>
            <td>three</td>
            <td>san</td>
        </tr>
    </tbody>
</table>


var oTab = document.getElementById("tb1");

alert(oTab.tBodies[0].rows[1].cells[1].innerHTML);

增删

• 增 appendChild( )

• 删 removeChild( )

姓名：<input id = "name" type = "text">
年龄：<input id = "age" type = "text">
<input id = "btn1" type = "button" value = "添加">
<input id = "btn2" type = "button" value = "搜索">
<table id = "tb1">
    <thead>
        <td>ID</td>
        <td>姓名</td>
        <td>年龄</td>
        <td>操作</td>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>one</td>
            <td>yi</td>
            <td></td>
        </tr>
        <tr>
            <td>2</td>
            <td>two</td>
            <td>er</td>
            <td></td>
        </tr>
        <tr>
            <td>3</td>
            <td>three</td>
            <td>san</td>
            <td></td>
        </tr>
    </tbody>
</table>


var oTab = document.getElementById("tb1");

var oBtn = document.getElementById("btn1");
var oName = document.getElementById("name");
var oAge = document.getElementById("a