JavaScript 操作table,可以新增行和列并且隔一行换背景色代码分享

ttx9n · 发表于 2013-7-5 17:05:21

这篇文章介绍了JavaScript操作table,可以新增行和列并且隔一行换背景色代码，有需要的朋友可以参考一下复制代码代码如下:
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  <title>JavaScript</title>
</head>
<body>
  <script language="javascript">
   var n = 0;
   function showTable(len) {
    wi('<table border="1" width="300" style="border-collapse:collapse"><tbody id="table">');
    for (i=0;i<len;i++) {
     if (parseInt(i%2)==1) {
      bg = '#F4FAC7';
     } else {
      bg = 'white';
     }
     wi('<tr bgcolor='+bg+'><td>第'+(i+1)+'行</td></tr>');
    }
    wi('</tbody></table><br />');
    wi('<input type="button" value="Add" id="add" />');
   }
   function wi(str) {
    return document.write(str);
   }
   showTable(10);
   var add = document.getElementById("add");
   add.onclick = function() {
    n = n+1;
    if (n%2==0) {
     bg = '#F4FAC7';
    } else {
     bg = 'white';
    }
    var table = document.getElementById("table");
    var tr = document.createElement("tr");
    tr.bgColor = bg;
    var td = document.createElement("td");
    td.innerHTML = '第'+(10+n)+'行';
    tr.appendChild(td);
    table.appendChild(tr);
   }
        </script>
</body>
</html>

fwn2rd · 发表于 2022-8-8 15:08:24

哦哦哦哦哦哦哦哦哦

ki9ku6 · 发表于 2022-11-1 03:25:41

女生看了弄丢了卡萨诺的卡洛斯

q215357618 · 发表于 2022-12-8 21:06:22

撒旦撒旦撒擦擦擦擦

pwseqn1h · 发表于 2023-2-23 21:50:19

554411515451555

locopy · 发表于 2023-3-26 04:56:46

了乐趣了去了去了去了去了

z835648964 · 发表于 2023-9-1 01:52:12

的谁vdvdsvdsvdsdsv

雪龙Ui79 · 发表于 2023-9-4 01:19:41

还有什么好东西没

vir5051 · 发表于 2023-9-12 09:18:34

儿飞飞微风DVD谁vdsvd

wxrf98xr · 发表于 2023-10-22 17:51:26

天天源码社区。。。。

账号		自动登录	找回密码
密码			立即注册

[JavaScript] JavaScript 操作table,可以新增行和列并且隔一行换背景色代码分享

相关帖子