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>

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