日期:2014-05-16  浏览次数:20265 次

JavaScript动态创建table
JavaScript 动态创建table
2010-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);//?删除某一行

?????? }

?