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

jsp页面表格布局

 

 <body onload="show()">
    <center>
       <input type="text" value="111" id="mytext">
       <table border="1" width="60%" id="mytable">
           <tr>
               <td id="td1">第一行第一列</td><td id="td2">第一行第二列</td>
           </tr>
            <tr>
               <td>第二行第一列</td><td>第二行第二列</td><td>第二行第三列</td>
           </tr>
           <tr>
               <td>第三行第一列</td><td>第三行第二列</td>
           </tr>
       </table>
    </center>
  </body>

 

js代码

 

<script type="text/javascript">
    function show(){
        // 获取id为 mytext 的普通元素值 
        var mytext = document.getElementById("mytext").value;
        
        //用标记id的td元素 获取值方法 
        var td1 = document.getElementById("td1").innerHTML;

        //用获取table(通过其id ) 获取指定的行，列 
        var mytable = document.getElementById("mytable").rows[1].cells[2].innerHTML;

        //遍历 table表格 
        var s3 = document.getElementsByTagName("table")[0]; //获取第一个表格 
        
        alert(td1);    //第一行第一列 
        alert(mytable);  //第二行第三列
        for(var i=0;i<s3.rows.length;i++){
            for(var j=0;j<s3.rows[i].cells.length;j++){
                alert(s3.rows[i].cells[j].innerHTML);
            }
        }
    }
</script>

 

 

 

 

posted on 2013-10-01 23:12  itmyhome  阅读(1192)  评论(0)    收藏  举报

导航