自动生成表格

最新推荐文章于 2024-08-15 09:38:13 发布

w199218k

最新推荐文章于 2024-08-15 09:38:13 发布

阅读量644

点赞数

本文链接：https://blog.csdn.net/w199218k/article/details/80230425

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="div1">
<input id="button1" type ="button" value="点我自动生成表格" οnclick="dianwo()" />
</div>
<script>
function dianwo(){
var table=document.createElement("table");
var div1=document.getElementById("div1");
var tr=table.insertRow();
var td0=tr.insertCell(0);
var td1=tr.insertCell(1);
var td2=tr.insertCell(2);
table.setAttribute("border","1")
td0.innerText="张三";
td1.innerText="李四";
td2.innerText="王五";
div1.appendChild(table);
}
</script>

</body>
</html>