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
  • 相关阅读:
    程序员职业规划
    SSH框架优缺点
    Servlet的生命周期，并说出Servlet和CGI的区别，Servlet与JSP的区别
    什么是J2EE,包括哪些规范！
    JS中定义类的方法
    audio.js – 随时随地，播放 HTML5 的声音
    jquery面试题里 缓存问题如何解决?
    产生一个int数组，长度为100，并向其中随机插入1-100，并且不能重复
    JAVA排序算法
    java面试题中常见的关于String类问题总结
  • 原文地址：https://www.cnblogs.com/Ao-min/p/13533587.html
Copyright © 2011-2022 走看看