JavaScript 操作table,可以新增行和列并且隔一行换背景色代码分享
更新时间：2013年07月05日 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>
您可能感兴趣的文章:
相关文章
这篇文章主要为大家介绍了JS前端开发模拟虚拟dom转真实dom详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-01-01
这篇文章主要介绍了JavaScript结合Canvas画运动小球，canvas被称为画布，可以结合javascript实现绘制各种图形,制作各种炫酷的动画效果，下面文章更多详细内容介绍需要的小伙伴可以参考一下2022-03-03
这篇文章主要为大家详细介绍了微信小程序动态显示项目倒计时，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-06-06
如果在正则表达式中定义了子匹配，那么参数的长度会随着子匹配的个数改变，如果没有定义子匹配，那么长度是固定的。2010-03-03
在一些电商网站上，经常看到有商品图片被放大查看的功能，所以本文将使用前端技术实现一个简单的图片放大镜功能，希望能给大家带来一定的帮助2023-06-06
这篇文章主要介绍了mui 打开新窗口的方式总结及注意事项,需要的朋友可以参考下2017-08-08
生成器Generator是JavaScript ES6引入的特性，它让我们可以分段执行一个函数。但是在谈论生成器（Generator）之前，我们要先了解迭代器Iterator2022-08-08
本文主要对JavaScript常量定义进行详细介绍，具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
编写更好的JavaScript条件式和匹配条件的技巧(小结)
这篇文章主要介绍了编写更好的JavaScript条件式和匹配条件的技巧(小结)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-06-06
所谓语音识别就是将你所说的转化成文字。Chrome 浏览器在版本25之后开始对这一特性的支持。这篇文章将会详细的介绍如何使用JavaScript进行语音识别，感兴趣的朋友们可以参考借鉴，下面来一起看看吧。2016-10-10
最新评论