Table表格的一些操作

首先创建一个table表格：

<input type="button" id="btn1" value="获取数据" />
<table id="tab1" border="1" >
    <thead>
        <tr>
            <td>编号</td>
            <td>姓名</td>
            <td>年龄</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>DD</td>
            <td>23</td>
        </tr>
        <tr>
            <td>2</td>
            <td>AA</td>
            <td>33</td>
        </tr>
        <tr>
            <td>3</td>
            <td>CD</td>
            <td>54</td>
        </tr>
        <tr>
            <td>4</td>
            <td>VD</td>
            <td>32</td>
        </tr>
    </tbody>
</table>

通过js获取表格里每个单元格的值：

    window.onload=function(){
            var oBtn=document.getElementById('btn1');
            oBtn.onclick=function(){
                var oTab=    document.getElementById('tab1');
                var value=    oTab.getElementsByTagName('tbody')[0].getElementsByTagName('tr')[0].getElementsByTagName('td')[2].innerHTML;
                alert(value);
            }
    }

后来程序猿们把他改进了，通过table的对象集合就能取到了单元格的值：

    window.onload=function(){
            var oBtn=document.getElementById('btn1');
            oBtn.onclick=function(){
                var oTab=    document.getElementById('tab1');
                var value=oTab.tBodies[0].rows[0].cells[2].innerHTML;
                alert(value);
            }
    }

参考：http://www.w3school.com.cn/htmldom/dom_obj_table.asp