首页 新闻 搜索 专区 学院

纯js怎么绘制多行的表格啊?

0
[待解决问题]

要用纯js实现.. 
比如4行5列......

深蓝色梦想的主页 深蓝色梦想 | 初学一级 | 园豆:6
提问于:2014-08-10 19:35
< >
分享
所有回答(3)
0

<html>
<title></title>
<script type="text/javascript" src="jquery-1.11.1.js"></script>
<script type="text/javascript">
var init = function(r,c) {
var template = "";
for(var i = 0; i < r; i++) {
template += "<tr>";
for(var j = 0; j < c; j++) {
template += "<td>1</td>";
}
template += "</tr>";
}
$("table").append(template);
};

$(function(){
init(4,5);
});
</script>
<body>
<table border="1"></table>
</body>
</html>

小孔妹妹 | 园豆:247 (菜鸟二级) | 2014-08-10 20:27
0

方法很多啊

Albert Fei | 园豆:2102 (老鸟四级) | 2014-08-11 09:24
0
<script language="javascript"> 
var o = document.body; 
//创建表格 
function createTable(w,h,r,c) 
{ 
var table = document.createElement("table"); 
var tbody = document.createElement("tbody"); 
table.width = w; 
table.height = h; 
table.border = 1;    
for(var i=1;i<=r;i++) 
{ 
var tr = document.createElement("tr"); 
for(var j=1;j<=c;j++) 
{ 
var td = document.createElement("td"); 
td.innerHTML = i + "" + j; 
//td.appendChild(document.createTextNode(i + "" + j)); 
td.style.color = "#FF0000"; 
tr.appendChild(td); 
} 
tbody.appendChild(tr);    
} 
table.appendChild(tbody); 
o.appendChild(table); 
} 
createTable(270,270,9,9); 
</script>
GisClub | 园豆:330 (菜鸟二级) | 2014-09-10 16:43
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册