zoukankan      html  css  js  c++  java
  • 表格<table>的操作

    1. 遍历表格内容

    <html>
        <head>
            <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
            <script type="text/javascript" src="jquery-1.9.1.js"></script>
            <script type="text/javascript">
                $(function() {
                    //1.找到table
                    var tab = document.getElementById("table");
                    //2.获取行对象数组
                    var rows = tab.rows;
                    //3.遍历表格
                    for(var i=0;i<rows.length;i++) {
                        //4.获取列对象数组的长度
                        var cols = rows[i].cells.length;
                        for(var j=0;j<cols;j++) {    
                            alert(i + "" + j + "列元素内容: " + rows[i].cells[j].innerText);
                        }
                    }        
                });
            </script>        
            <style>
                .tdText {text-align:center;}    
            </style>
        </head>
        <body>
            <center><h4>遍历表格内容</h4></center>
            <table border="1" cellspacing="0" align="center" width="60%" id="table">
                <tr>
                    <td class="tdText">一行一列</td><td class="tdText">一行二列</td><td class="tdText">一行二列</td>
                </tr>
                <tr>
                    <td class="tdText">二行一列</td><td class="tdText">二行二列</td><td class="tdText">二行三列</td>
                </tr>
                <tr>
                    <td class="tdText">三行一列</td><td class="tdText">三行二列</td><td class="tdText">三行三列</td>
                </tr>
            </table>
        </body>
    </html>
  • 相关阅读:
    WebApi调用及发布
    List<T> 去除重复数据
    C#正则表达式去除XML标签
    SSIS 发送邮件
    域登录验证.net版
    js获取select选中的值
    ionic常见错误
    mac安装brew homebrew
    flutter ios编译报错集
    dart 格式化输出
  • 原文地址:https://www.cnblogs.com/shi-blog/p/4477201.html
Copyright © 2011-2022 走看看