关于HTML元素的Table控件javascript添加删除表中行列的方法

翻译|其它|编辑:郝浩|2007-09-19 10:38:18.000|阅读 3453 次

概述:

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

如何生成33列的表格?
例子一:
<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'


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@evget.com

文章转载自:csdn

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP