怎么用DOM和javascript创建5行4列的表格，跪求代码，才学，不是太懂
1个回答
展开全部
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Doc创建表格</title>
</head>
<!--设置body的id为main-->
<body id="main">
<script type="text/javascript">
//创建表格
var tb=document.createElement("table");
//表格的边框宽度为1
tb.border=1;
//创建表格标题
var cp = tb.createCaption();
//标题的内容设置为"表格标题"
cp.innerHTML="表格标题";
//循环创建5个行
for(var i = 0;i<5;i++){
var tr = tb.insertRow(i);
//创建4列
for(var j = 0;j<4;j++){
var td = tr.insertCell(j);
//设置每列的内容
td.innerHTML="第"+(i+1)+"行"+" 第"+(j+1)+"列";
}
}
//把建好的表格加入到id=main的标记里面
document.getElementById("main").appendChild(tb);
</script>
</body>
</html>
效果图
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
