会python真的可以为所欲为0(回)
359天前
这里还有人吗1(回)
544天前这里还有人吗0(回)
544天前
每天面对着电脑屏幕，敲打键盘。我所面对的并不只是代码，而是一种生活方式。0(回)
769天前到处都是羊，不想上班0(回)
849天前
鸽子
0(回)
853天前<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> |
<html> |
<head> |
<title>动态创建表格</title> |
<style type="text/css"> |
table{ |
border: 1px red solid; |
width: 300px; |
} |
td{ |
border:1px blue solid; |
margin: 10px; |
padding: 10px; |
} |
</style> |
<script type="text/javascript"> |
/* |
需求：根据页面上输入的行和列数，动态的在页面上添加表格 |
思路： |
1、要获取页面上文本框中输入的行数和列数 |
首先根据id获取input标签对象，然后通过input标签对象获取其中的value值 |
2、有了行和列数之后，就需要先在页面上创建一个表格标签出来， |
然后再创建第一行，在第一个上创建多列，这些都是标签 |
当列标签创建完成之后，列要动态的添加行上。最后把行再添加到表格标签中。 |
当表格动态的创建完成之后，把这个表格整体添加到页面的指定位置上。 |
*/ |
function demo(){ |
//获取行和列 |
var row = document.getElementById("row").value; |
var col = document.getElementById("col").value; |
|
//先创建表格标签对象 |
var table = document.createElement("table"); |
|
//使用循环动态创建行和列 |
for(var i=0;i<row;i++){ |
//创建一行 |
var tr = document.createElement("tr"); |
|
//使用循环动态的创建列 |
for(var j=0;j<col;j++){ |
//创建列 |
var td = document.createElement("td"); |
//给单元格设置内容 |
td.innerHTML = i+"---"+j; |
//把当前创建的这个单元格添加到行中 |
tr.appendChild(td); |
} |
//把当前这个完成行添加到table中 |
table.appendChild(tr); |
} |
document.getElementById("one").appendChild(table); |
} |
</script> |
</head> |
|
<body> |
<div id="one" > |
</div> |
输入行：<input type="text" id="row"/><br /> |
输入列：<input type="text" id="col"/><br /> |
<input type="button" value="创建表格" onclick="demo()"/> |
</body> |
</html> |
