您的位置：首页 > Web前端 > JavaScript

js动态生成table 经典

2011-01-24 17:12 387 查看
<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>';

}

}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航