关于HTML元素的Table控件javascript添加删除表中行列的方法!
如何生成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添加删除表中行列的方法!

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭