节点建表格

最新推荐文章于 2022-09-25 19:04:50 发布

cdb_680

最新推荐文章于 2022-09-25 19:04:50 发布

阅读量353

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/cdb_680/article/details/78451250

建表格

<!DOCTYPE html>

<html>

<head>
<meta charset="UTF-8">
<title></title>
<style>
table {
width: 300px;
border: solid red 1px;
}
</style>
</head>

<body>
<div id="mydiv">

</div>
</body>
<script>
//获取元素
var node_div = document.getElementById("mydiv");
//创建节点
var node_table = document.createElement("table");
node_table.setAttribute("border","1px ");
//table的tr
for(var i = 0; i < 4; i++) {
var node_tr = document.createElement("tr");
for(var j = 0; j < 10; j++) {
var node_td = document.createElement("td");
//创建text文本
var conent = document.createTextNode(i+"姓名"+j);
node_td.appendChild(conent); //姓名
node_tr.appendChild(node_td); //<td> <tr><td></td></tr>
}
//把tr添加到table中
node_table.appendChild(node_tr); //<tr>
}
node_div.appendChild(node_table); //<table>
</script>

</html>

添加表<script>
//获取元素
var node_div=document.getElementById("mydiv");

//创建节点
var node_table=document.createElement("table");
//node_table.setAttribute("border","1px ");
//table的tr

var node_tr=document.createElement("tr");
var node_td=document.createElement("td");
//创建text文本
var conent= document.createTextNode("姓名");

//添加从小到大
node_td.appendChild(conent);//姓名
node_tr.appendChild(node_td); //<td> <tr><td></td></tr>
//把tr添加到table中
node_table.appendChild(node_tr);//<tr>
node_div.appendChild(node_table);//<table>

</script>格

、、添加