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

這篇文章介紹了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