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);
  • 相关阅读:
    js中.和[]的区别
    JavaScript【引用方法】操作方法
    JavaScript【引用方法】重排序方法
    JavaScript【引用方法】队列方法
    JavaScript【引用类型】栈方法
    JavaScript【引用类型】转换方法
    JavaScript【引用类型】检测类型
    JavaScript【引用类型】Array 类型
    JavaScript【引用类型】Object 类型
    【HTML5 绘图与动画】 使用图像 1.导入图像 2.缩放图像 3.裁切图像
  • 原文地址:https://www.cnblogs.com/cuihongyu3503319/p/646909.html
Copyright © 2011-2022 走看看