如题,怎样根据给定的参数i,生成i行单元格
解决方案 »
- div的onmouseover改变该div内容后,该div的onmouseout无法触发
- 无法加载xml文档
- <table>中知道了行号和列号,怎么用javaScript改变单元格的颜色?
- 耽误高手1分钟,url传值问题
- CSS input button 的问题
- 又关于子父窗体问题?(急呀!)
- 请问如何删除一个数组里的某个元素?
- 急问document.appendchild的问题,在线等!(急急急)
- 怎样onmouseover改变text或button的CSS样式~~
- 两个html页面之间怎样传参数
- 可否在JS代码的elements前面定义指定的ID
- 好奇怪啊-----用过swfupload 的来看看why
或者createElement("tr") createElement("td")
进行循环创建即可的
function addRow(){
// var row = document.all("table").insertRow(); 功能与下句相同
var num = document.getElementById("num").value;
for(var i = 0; i < num; i++){
//添加一行
var row = document.getElementById("table").insertRow();
//添加一列
var cal = row.insertCell();
//给列里添加信息
cal.innerHTML = "列--------------";
}
}
</script>
<table id="table"></table>
<input type="text" id="num">
<input type="button" value="添加记录" onclick="addRow();">
<head>
<script type="text/javascript">
var tb;
var tbd;
function cTb(){
var v = document.getElementById("ct").value;
if(/^\d+$/g.test(v)){
if(!tb){
tb = document.createElement("table");
tb.border = "1";
tbd = document.createElement("tbody");
}
for(var i=0;i<v;i++){
var tr = document.createElement("tr");
var td = document.createElement("td");
td.innerHTML = i;
tr.appendChild(td);
tbd.appendChild(tr);
}
tb.appendChild(tbd);
document.body.appendChild(tb);
}
}
</script>
</head>
<body>
<input type="text" id="ct" value="请输入数字" /><input type="button" value="create" onclick="cTb();"/>
</body>
</html>
{
for(var i=0; i<1; i++)
{
var table = document.getElementById("table1")
var row = table.insertRow();
for(var j=0; j<2; j++)
{
var cell = table.rows[table.rows.length - 1].insertCell();
cell.innerText = j;
}
}
}
<script type="text/javascript">
function addRow(num){
for(var i = 0; i < num; i++){
var row = document.getElementById("table").insertRow();//添加一行
var cal = row.insertCell();//添加一列
cal.innerHTML = "列--------------";//给列里添加信息
}
}
//将返回的数据已参数的形式传递给这个函数就行了,如:
var rownum = 3;//假如后台传过来的是3,那么我就让其生成3行
addRow(rownum);//执行上面的那个函数
</script>