如何生成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='选择新闻' onclick='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='查看' onclick='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).cell(0).id)输出值是 'td00'
关于HTML元素的Table控件javascript添加删除表中行列的方法
来源:csdn
作者:spiritelf
时间:2007-09-19 点击:926 次
相关文章:
-
暂无相关新闻。
文章搜索
推荐文章
推荐产品
|
VARCHART XGantt
全球知名的甘特图控件,能够实现如 Microsoft Project 般强大的项目管理功能。
|
|
TurboDemo 中文版
TurboDemo - 抓取屏幕截图并通过动态演示示例及手册解释软件、个人电脑应用程序、网站与产品。
|
|
BCGControlBar Library .NET Edition
该组件包含大量可自定义程度高、可设计性好的组件,使用户可创建精致美观的图形用户界面。
|
|
WebUI Studio.NET
WebUI Studio.NET 是一套用于开发专业 ASP.NET web 应用程序必不可少的控件。
|





