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

最新推荐文章于 2024-04-19 05:41:57 发布

麦田

最新推荐文章于 2024-04-19 05:41:57 发布

阅读量5.8w

点赞数 11

分类专栏： JS 文章标签： table border function jsp input

本文链接：https://blog.csdn.net/itmyhome1990/article/details/7005784

版权

JS 专栏收录该内容

49 篇文章 0 订阅

订阅专栏

jsp页面表格布局

 <body οnlοad="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>