js动态生成table 经典_var row = table.insertrow(table.rows.9)-优快云博客

本文介绍了一种使用JavaScript动态创建HTML表格的方法，并演示了如何通过JavaScript添加和移除表格元素。此外，还提供了一个实用的示例，展示如何在页面加载时自动生成带有特定内容的表格，并在用户交互时移除指定行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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>';

  }

}