js动态添加表格设置样式 insertRow() 设置样式

您所在的位置:网站首页 css表格样式怎么写出来的 js动态添加表格设置样式 insertRow() 设置样式

js动态添加表格设置样式 insertRow() 设置样式

2024-06-09 18:26| 来源: 网络整理| 查看: 265

Js代码

var mytable = document.getElementById(“propertyTable”);    var row = mytable.insertRow();   

方法一:设置css class方式,如下,“table01-td01″为一css class样式

Js代码

var mytd= row.insertCell();    mytd.className=”table01-td01″;  

方法二:直接设置style属性,如下

Js代码

 row .style.backgroundColor=”#FFFFFF”  ;//设置行的背景色          td=row .insertCell();         //添加单元格    td.style.cssText=”BORDER-BOTTOM:   #4a75ce   1px   solid”;      //设置单元格的样式       td.innerHTML=””;       //添加td中的内容

     function findPosX(obj) {   var curleft = 0;      if (obj.offsetParent) { //返回父类元素,大多说offsetParent返回body      while (obj.offsetParent) {//遍历所有父类元素       curleft += obj.offsetLeft;//当前元素的左边距       obj = obj.offsetParent;              }   } else if (obj.x) curleft += obj.x;   return curleft;   }      function findPosY(obj) {   var curtop = 0;     if (obj.offsetParent) {      while (obj.offsetParent) {          curtop += obj.offsetTop;       obj = obj.offsetParent;      }   } else if (obj.y) curtop += obj.y;   return curtop;   }   function showdiv(vart,obj,wee



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3