zoukankan      html  css  js  c++  java
  • 通过js 向table添加或修改row及cell

    //取得table对象
            var tabObj = document.getElementById("tabTipResult");
        //目前table有多少行
            var rowCount = tabObj.rows.length;
        //每行有多少列
            var cellCount = tabObj.rows(0).cells.length;

            if(rowCount < pageCount)
            {
                for(var i=0;i< pageCount ;i++)
                {
            //循环 向table增加新行
                    var newRow = tabObj.insertRow(rowCount++);  
                    for(var j=0;j<cellCount;j++)          
                    {
                //每行的新列值    
                        newRow.insertCell(j).innerHTML="无";            
                    }
                }
            }
            else
            {
                for(var i=1;i<= pageCount ;i++)
                {
                    var tmpRow = tabObj.rows(i);  
                    for(var j=0;j<cellCount;j++)          
                    {
                        tmpRow.cells(j).innerHTML="无";            
                    }
            //该行的背景色属性
            tmpRow .onmouseout = function(){this.bgColo
    r="white";};
            tmpRow .onmouseover= function(){this.bgColor="#efffff";};
            //td 在 onclick事件
            tmpRow .cells(0).onclick = function(){ alert("");};   
                }
            }
    删除列
    document.getElementById(tabTipResult).deleteRow(index);
  • 相关阅读:
    POJ2828
    Docker容器修改端口映射
    CentOS 7使用ISO镜像配置本地yum源
    Windows 自带的 Linux 子系统
    vue富文本编辑器插件vue-quill-editor使用
    修改docker容器存放位置
    Linux 硬盘相关操作
    centos7基础相关
    ubuntu-k8s搭建
    redhat 6.6 离线docker
  • 原文地址:https://www.cnblogs.com/cuihongyu3503319/p/646909.html
Copyright © 2011-2022 走看看