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("");};   
                }
            }
  • 相关阅读:
    浅析HTT
    html5移动端页面分辨率设置及相应字体大小设置的靠谱使用方式
    CSS--posiion学习日记
    面向对象程序设计课程感想
    OO第二单元(5-8周)作业总结
    OO第一作业周期(前四周)总结
    OO第三阶段作业总结
    OO第二单元作业总结
    Java学习第一阶段作业总结
    面向对象OO课程学习总结
  • 原文地址:https://www.cnblogs.com/freeliver54/p/600419.html
Copyright © 2011-2022 走看看