熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

JavaScript 操作table,可以新增行和列並且隔一行換背景色代碼分享

2013-11-15 12:12:44  來源: JSP教程 
這篇文章介紹了JavaScript操作table可以新增行和列並且隔一行換背景色代碼有需要的朋友可以參考一下   復制代碼 代碼如下:

  
<html>
 <head>
  <meta httpequiv="ContentType" content="text/html; charset=gb">
  <title>JavaScript</title>
 </head>
 <body>
  <script language="javascript">
   var n = ;
   function showTable(len) {
    wi(<table border="" width="" style="bordercollapse:collapse"><tbody id="table">);
    for (i=;i<len;i++) {
     if (parseInt(i%)==) {
      bg = #FFAC;
     } else {
      bg = white
     }
     wi(<tr bgcolor=+bg+><td>第+(i+)+行</td></tr>); 
    }
    wi(</tbody></table><br />);
    wi(<input type="button" value="Add" id="add" />); 
   }
   function wi(str) {
    return documentwrite(str); 
   }
   showTable();
   var add = documentgetElementById("add");
   addonclick = function() {
    n = n+;
    if (n%==) {
     bg = #FFAC;
    } else {
     bg = white
    }
    var table = documentgetElementById("table");
    var tr = documentcreateElement("tr");
    trbgColor = bg;
    var td = documentcreateElement("td");
    tdinnerHTML = +(+n)+;
    trappendChild(td);
    tableappendChild(tr);
   }
        </script>
 </body>
</html>   


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20506.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.