js动态生成table 经典

来源：互联网发布：知秋新书编辑：程序博客网时间：2024/05/22 00:54

<script language="javascript" type="text/javascript">
function createTable(){

   var div = document.getElementById("dd");
   var table = document.createElement("table");//创建table
   var row = table.insertRow();//创建一行
     var cell = row.insertCell();//创建一个单元
     cell.width = "150";//更改cell的各种属性
     cell.style.backgroundColor = "#999999";
   cell.innerHTML="你好吗？";
   cell = row.insertCell();//创建一个单元
     cell.width = "150";//更改cell的各种属性
     cell.style.backgroundColor = "#999999";
     cell.innerHTML="非常好！";
     div.appendChild(table);
}
</script>
<body onload="createTable();">
<div id="dd">www</div>
</body>

function removeAssignDevice(obj) {
  var tr = obj.parentNode.parentNode;
  var table = tr.parentNode;
  table.removeChild(tr);
  if(table.rows.length==1){
   var row = table.insertRow();
   var cell = row.insertCell();
   row.insertCell();
   row.insertCell();
   row.insertCell();
   row.insertCell();
   row.insertCell();
   cell.colspan = "6";
   cell.innerHTML = '<div class="msg">没有可用数据！</div>';
  }
}