網頁

BloggerAds 廣告

搜尋此網誌

2013年3月2日 星期六

網頁動態表格(dynamic table) 

 <html>  
 <head>  
 <script>  
 function insert()  
 {  
      var table=document.getElementById("myTable");  
      var text = document.createTextNode('test');  
      var row = table.insertRow();  
      var column1 = row.insertCell(0);  
      var column2 = row.insertCell(1);  
      column1.appendChild(text);  
      column2.innerText = "column2";  
 }  
 function del()  
 {  
      var table=document.getElementById("myTable");  
      table.deleteRow();  
 }  
 </script>  
 </head>  
 <body>  
 <table id="myTable" border="1">  
  <tr>  
   <td>1</td>  
   <td>book</td>  
  </tr>  
 </table>  
 <br>  
 <button type="button" onclick="insert()">Insert</button>  
 <button type="button" onclick="del()">Delete</button>  
 </body>  
 </html>
at 下午4:42
Labels:

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)