您的位置：首页 > Web前端 > JavaScript

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

2014-06-25 15:43 411 查看

jsp页面表格布局

[html]
view plaincopy

<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代码

[javascript]
view plaincopy

<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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航