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);//‍删除某一行

       }

 

你可能感兴趣的:(JavaScript)