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

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=”<input name=button type=button   />”;       //添加td中的内容

<script type="text/javascript">
  
  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