zoukankan      html  css  js  c++  java
  • 原生JS操作 table object HTMLTableSectionElement 对象,获取行数

                        <tbody id="infoTab">
                            <tr class="fomat">
                                <td class="blank"></td>
                                <td>29</td>
                                <td>30</td>
                                <td>31</td>
                                <td>1</td>
                                <td>2</td>
                                <td>3</td>
                                <td>4</td>
                            </tr>
                            <tr class="week">
                                <td class="blank">姓名</td>
                                <td>星期一</td>
                                <td>星期二</td>
                                <td>星期三</td>
                                <td>星期四</td>
                                <td>星期五</td>
                                <td>星期六</td>
                                <td>星期日</td>
                            </tr>
                                                            <tr class="grid-item">
                                        <td class="blank" name="10001">张三</td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                    </tr>
                                    <tr class="grid-item">
                                        <td class="blank" name="10002">李四</td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                    </tr>
                                    <tr class="grid-item">
                                        <td class="blank" name="13812071740">测试测试</td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                    </tr>
    
                        </tbody>
                    
    复制代码
    childElementCount获取表格的行数
    var table = document.getElementById("infoTab");//获取对应
    for (i=0 ; i < table.childElementCount;i++)//根据行数进行具体的处理
    {
         alert(table.rows[i].innerHTML);
    }

    操作具体的列使用cells对象即可

    alert(table.rows[i].cells[0].innerHTML);
  • 相关阅读:
    jquery validate --转载
    领域驱动设计之领域模型--转载
    为system对象添加扩展方法
    DDD开源框架
    浅谈命令查询职责分离(CQRS)模式---转载
    AutoMapper小结
    执行后台任务的利器——Hangfire
    单元测试框架
    内存中的堆和栈
    ++*p,(*p)++,*p++与*++p四者的区别
  • 原文地址:https://www.cnblogs.com/asdyzh/p/9758001.html
Copyright © 2011-2022 走看看