JS获取table表格任意单元格值

jsp页面表格布局

[html] view plain copy
  1. <body onload="show()">  
  2.    <center>  
  3.       <input type="text" value="111" id="mytext">  
  4.       <table border="1" width="60%" id="mytable">  
  5.           <tr>  
  6.               <td id="td1">第一行第一列td><td id="td2">第一行第二列td>  
  7.           tr>  
  8.            <tr>  
  9.               <td>第二行第一列td><td>第二行第二列td><td>第二行第三列td>  
  10.           tr>  
  11.           <tr>  
  12.               <td>第三行第一列td><td>第三行第二列td>  
  13.           tr>  
  14.       table>  
  15.    center>  
  16.  body>  

js代码
[javascript] view plain copy
  1. "text/javascript">  
  2.     function show(){  
  3.         // 获取id为 mytext 的普通元素值   
  4.         var mytext = document.getElementById("mytext").value;  
  5.           
  6.         //用标记id的td元素 获取值方法   
  7.         var td1 = document.getElementById("td1").innerHTML;  
  8.   
  9.         //用获取table(通过其id ) 获取指定的行,列   
  10.         var mytable = document.getElementById("mytable").rows[1].cells[2].innerHTML;  
  11.   
  12.         //遍历 table表格   
  13.         var s3 = document.getElementsByTagName("table")[0]; //获取第一个表格   
  14.           
  15.         alert(td1);    //第一行第一列   
  16.         alert(mytable);  //第二行第三列  
  17.         for(var i=0;i
  18.             for(var j=0;j
  19.                 alert(s3.rows[i].cells[j].innerHTML);  
  20.             }  
  21.         }  
  22.     }  
  23.  

你可能感兴趣的:(jquery,JavaScript)