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.οnclick=function(){ …}       td.οnmοusemοve=function(){…}   删除table的时候最好是倒序去删除，这样可避免列动态的改变       Eg: for(var i=tab.rows.length-1;i>=0;i--){            tab.deleteRow(i);//‍删除某一行        }