js修改隔行tr的颜色。

<!DOCTYPE html><html lang="zh-Hans"><head>    <meta charset="UTF-8">    <title>Title</title></head><body><table>    <tr>        <td>24</td>    </tr>    <tr>        <td>24</td>    </tr>    <tr>        <td>24</td>    </tr>    <tr>        <td>24</td>    </tr>    <tr>        <td>24</td>    </tr>    <tr>        <td>24</td>    </tr>    <tr>        <td>24</td>    </tr>    <tr>        <td>24</td>    </tr></table>

<input type="button" value="测试隔行变色" onclick="getTr()" /><script>    function  getTr(){        var trlist=document.getElementsByTagName("tr");        for(var i=0;i<trlist.length;i++){            if(i%2==0){                trlist[i].style.backgroundColor="red";

            }else{                trlist[i].style.backgroundColor="green";            }        }    }</script></body></html>

时间： 2024-07-29 11:38:58

js修改隔行tr的颜色。的相关文章

利用HTML和JS制作隔行换背景颜色的表格

1.源代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Co

就这样开始了自己的第二个项目,业绩员考评系统,一进入项目组,首先要开始的,又是这痛苦的界面设计,完全不能改变现有的模板,只能在现有基础上进行发挥,我可怜的审美在这狭小的空间里突然就这样无能为力了,好吧,总有些地方还是需要加些效果的,像这种隔行变色,不就很实用嘛. table在这个div+css肆虐的时代有些没落了,但是碰到多列数据显示时,它仍旧有着无法比拟的方便,我们先简单写下一个来 <table id="tb" width="900px;" border=&

php开发之js修改页面css样式

在我以前的印象里,页面的字体属性,背景,等样式在页面加载后基本上都是固定的了,但是今天看到可以通过js修改页面的样式,觉得有必要和大家分享下. test.html <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equi

js 修改css文件

在做自動换肤设置时,无意中看到了js修改css的方法,感觉挺有用的,特来学习分享一下.好了,下面开始学习: js的 document.styleSheets 获取到的是引入的css的对象数组.如: 其中 CSSStyleSheet展开如下: document.styleSheets[0] 即可得到你所应用的第一个css rules 和 cssRules 的计数方法是不一样的!rules 是第几个选择器:cssRules 是第几条规则 document.styleSheets[0].cssRul

Linux修改Shell命令提示符及颜色

Linux修改Shell命令提示符及颜色 1. Linux登录过程中加载配置文件顺序: /etc/profile → /etc/profile.d/*.sh → ~/.bash_profile → ~/.bashrc → [/etc/bashrc] 可查看默认的~/.bashrc文件如下: [root@~/wade/codeReview/redis-2.8.17] cat ~/.bashrc # .bashrc # User specific aliases and functions

selenium处理富文本框，日历控件等调用JS修改value值

http://blog.csdn.net/fudax/article/details/8089404 document.getElementById("js_domestic_fromdate").value = "2014-10-10" selenium处理富文本框,日历控件等调用JS修改value值,布布扣,bubuko.com

ios 修改导航栏的颜色

UINavigationBar *bar = [UINavigationBar appearance]; [bar setBarTintColor:[UIColor blueColor]]; // 修改导航栏的颜色为蓝色 [bar setBarStyle:UIBarStyleBlack]; [bar setTintColor:[UIColor whiteColor]]; // 字体的颜色为白色 [bar setTranslucent:NO];

C/C++ 修改控制台程序文字颜色

可以修改前景色(字体颜色)和背景色. 示例代码如下: #include <iostream> #include <Windows.h> //需要引用Windows.h using namespace std; int _tmain(int argc, _TCHAR* argv[]) { HANDLE hConsole; hConsole = GetStdHandle(STD_OUTPUT_HANDLE); for(int i=255;i>=0;i--) { SetConsol

JS修改标签中的文本且不影响其中标签

/********************************************************************* * JS修改标签中的文本且不影响其中标签 * 说明: * 需要修改<a>标签中的显示文本内容,但<a>标签中又有标签. * * 2017-8-28 深圳龙华樟坑村曾剑锋 ********************************************************************/ 一.参考文档: 1. get