JavaScript动态创建table
JavaScript 动态创建table2010-11-30 18:07
动态创建table
??? var tr=insertRow()相当于对table进行追加行
??? var tr=insertRow(index)相当于限定了插入第index+1行（0表示第一行）
这两行返回的是tr的对象，可以对tr对象添加列
??? var td=tr.insertCell(index);//在第index+1列插入
??? td.innerHTML=””;//可以设定td里的内容，可以是任何内容，但是一定要注意引号的正确使用
?
给td设置属性可以用setAttribute()
???? Eg: td.setAttribute(“style”,”background-color:red”);
?????????? td.setAttribute(“width”,100);?? //尤其注意对于数字类型的这里只能使用数字类型不能使用百分比等。
?? 如：td.setAttribute(“width”,80%);这样是错误的，因为没有相对的对象
可以给行和列添加函数
????? td.onclick=function(){ …}
????? td.onmousemove=function(){…}
?
删除table的时候最好是倒序去删除，这样可避免列动态的改变
????? Eg: for(var i=tab.rows.length-1;i>=0;i--){
?????????? tab.deleteRow(i);//?删除某一行
?????? }
?
