HTML--通过JavaScript操作HTML的Table

样例1（JavaScript修改Table表的行背景颜色）：

首先使用CSS定义背景颜色:

编写修改背景颜色函数:

function alternate(id){
 if(document.getElementsByTagName){  
   var table = document.getElementById(id);  
   var rows = table.getElementsByTagName("tr");  
   for(i = 0; i < rows.length; i++){          
 //manipulate rows
     if(i % 2 == 0){
       rows[i].className = "even";
     }else{
       rows[i].className = "odd";
     }      
   }
 }
}

在HTML中设置事件调用函数alternate：


…



…


… 

样例2（JavaScript增加删除Table表的行）：

 
  
  
 
 
  Demo of a simple table grid that allows adding and deleting rows using DHTML
  and Javascript
  

  Try it out - Click on the Delete button to delete the corresponding row. Click Add Row button to insert a new row.
  

  

Browser compatility - this sample has been tested to work with IE5.0 and above.
  

  

---

  
  

























        

Field1

    

Field2

    

Field3

                                                                                                  
  

---

  
  

---

   Interviewboard - Interview Questions and Answers on ASP.NET, C#, SQL, Oracle and more....
 

Trackback: http://tb.blog.youkuaiyun.com/TrackBack.aspx?PostId=1836536