<table border="0" align="center" id="TableForm">
</table>
如何生成3行3列的表格?
例子一:
<script>
var id = 0;
function addTable(row){
for(var i = 0;i<=row;i++)
tr = TableForm.insertRow();
td = tr.insertCell();
td.id = "td1"+i;
td = tr.insertCell();
td.id = "td2"+i;
td = tr.insertCell();
td.id = "td3"+i;
eval("td1"+id+".height = '22'");//可以为表格设置高度或者其它属性
}
</script>
生成效果:
<table border="0" align="center" id="TableForm">
<tr>
<td id=“td10“ height = '22'></td>
<td id=“td20“></td>
<td id=“td30“></td>
<tr>
<tr>
<td id=“td11“ height = '22'></td>
<td id=“td21“></td>
<td id=“td31“></td>
<tr>
<tr>
<td id=“td12“ height = '22'></td>
<td id=“td22“></td>
<td id=“td32“></td>
<tr>
</table>
如果在单元格中添加控件?
eval("td0"+id+".height = '22'");//可以为表格设置高度或者其它属性
接例子一最后一行继续:
eval("td0"+id+".innerHTML+=str(/"strtds0/")");
eval("td1"+id+".innerHTML+=str(/"strtds1/")");
eval("td2"+id+".innerHTML+=str(/"strtds2/")");
str写法:
function str(str){
var strtds0 = "<input name='checBox' type='checkbox' id='checBox' value='"+ id +"'> "+id;
var strtds1 = ""+
"标题:<input name='title"+ id +"' type='text' id='title"+ id +"' size='30' maxlength='50'>"+
"地址: <input name='htt_link"+ id +"' type='text' id='htt_link"+ id +"' size='30' maxlength='30'>";
var strtds2 = "<input name='Submit_selec"+ id +"' type='button' id='Submit_selec"+ id +"' value='选择新闻' οnclick='add_new(form2,form2.select"+ id +".value,"+ id +")' >"+
" <select name='select"+ id +"'>"+
" <option value='00' selected>--选择类别--</option>"+
" <option value='01'>专题</option>"+
" <option value='03'>图片新闻</option>"+
" <option value='10'>所有新闻</option>"+
" <option value='111'>论坛</option>"+
" </select>"+
" <input type='button' value='查看' οnclick='ope("+ id +")'>";
if(str == "strtds1")
return(strtds1);
if(str == "strtds2")
return(strtds2);
if(str == "strtds0")
return(strtds0);
}
innerHTML就是向id所表示的标签中添加HTML代码,注Table与tr中的属性是只读属性td才可以修改!
如何删除一行?
TableForm.deleteRow(第几行);
如何遍历行?
TableForm.rows.length
取得表格的行数!
如何访问行中的td?
TableForm.rows.roms(第几行).cell(第几列).属性
如按例子一alert(TableForm.rows(0).clee(0).id)输出值是 'td00'
</table>
如何生成3行3列的表格?
例子一:
<script>
var id = 0;
function addTable(row){
for(var i = 0;i<=row;i++)
tr = TableForm.insertRow();
td = tr.insertCell();
td.id = "td1"+i;
td = tr.insertCell();
td.id = "td2"+i;
td = tr.insertCell();
td.id = "td3"+i;
eval("td1"+id+".height = '22'");//可以为表格设置高度或者其它属性
}
</script>
生成效果:
<table border="0" align="center" id="TableForm">
<tr>
<td id=“td10“ height = '22'></td>
<td id=“td20“></td>
<td id=“td30“></td>
<tr>
<tr>
<td id=“td11“ height = '22'></td>
<td id=“td21“></td>
<td id=“td31“></td>
<tr>
<tr>
<td id=“td12“ height = '22'></td>
<td id=“td22“></td>
<td id=“td32“></td>
<tr>
</table>
如果在单元格中添加控件?
eval("td0"+id+".height = '22'");//可以为表格设置高度或者其它属性
接例子一最后一行继续:
eval("td0"+id+".innerHTML+=str(/"strtds0/")");
eval("td1"+id+".innerHTML+=str(/"strtds1/")");
eval("td2"+id+".innerHTML+=str(/"strtds2/")");
str写法:
function str(str){
var strtds0 = "<input name='checBox' type='checkbox' id='checBox' value='"+ id +"'> "+id;
var strtds1 = ""+
"标题:<input name='title"+ id +"' type='text' id='title"+ id +"' size='30' maxlength='50'>"+
"地址: <input name='htt_link"+ id +"' type='text' id='htt_link"+ id +"' size='30' maxlength='30'>";
var strtds2 = "<input name='Submit_selec"+ id +"' type='button' id='Submit_selec"+ id +"' value='选择新闻' οnclick='add_new(form2,form2.select"+ id +".value,"+ id +")' >"+
" <select name='select"+ id +"'>"+
" <option value='00' selected>--选择类别--</option>"+
" <option value='01'>专题</option>"+
" <option value='03'>图片新闻</option>"+
" <option value='10'>所有新闻</option>"+
" <option value='111'>论坛</option>"+
" </select>"+
" <input type='button' value='查看' οnclick='ope("+ id +")'>";
if(str == "strtds1")
return(strtds1);
if(str == "strtds2")
return(strtds2);
if(str == "strtds0")
return(strtds0);
}
innerHTML就是向id所表示的标签中添加HTML代码,注Table与tr中的属性是只读属性td才可以修改!
如何删除一行?
TableForm.deleteRow(第几行);
如何遍历行?
TableForm.rows.length
取得表格的行数!
如何访问行中的td?
TableForm.rows.roms(第几行).cell(第几列).属性
如按例子一alert(TableForm.rows(0).clee(0).id)输出值是 'td00'