js动态生成table 经典

最新推荐文章于 2025-02-17 14:25:35 发布

wearegouest

最新推荐文章于 2025-02-17 14:25:35 发布

阅读量3.1w

点赞数 1

分类专栏： WEB前端文章标签： table javascript div function class

本文链接：https://blog.youkuaiyun.com/wearegouest/article/details/6161618

版权

WEB前端专栏收录该内容

19 篇文章

订阅专栏

<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 οnlοad="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>';

  }

}