zoukankan      html  css  js  c++  java

  • jS获取table表格任意单元格值

    jsp页面表格布局

    Html代码 
    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代码 
    1. <script type="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<s3.rows.length;i++){  
    18.             for(var j=0;j<s3.rows[i].cells.length;j++){  
    19.                 alert(s3.rows[i].cells[j].innerHTML);  
    20.             }  
    21.         }  
    22.     }  
    23. </script>  

     转自于：https://www.iteye.com/blog/ps329795485-126-com-1290660
  • 相关阅读:
    相机标定 和 单应性矩阵H
    全景视频拼接关键技术
    OpenCV图像变换(仿射变换与透视变换)
    用非数学语言讲解贝叶斯定理
    （二）SMO算法
    （一）SVM原理
    什么是赋范线性空间、内积空间，度量空间，希尔伯特空间
    决策树算法（五）——处理一些特殊的分类
    V8学习资源
    perforce 学习资源
  • 原文地址：https://www.cnblogs.com/Ao-min/p/13533587.html
Copyright © 2011-2022 走看看