
原理其实很简单:利用getelementsbytagname得到所有的
核心代码:
<script type="text/javascript"> <br>function color() { <br>//把表头设为紫色 <br>var th = document.getElementById("th"); <br>th.style.background = "violet" <br>//1.得到所有<tr>元素 <br>var trs = document.getElementsByTagName("tr"); <br>var i; <br>for(i = 1; i <trs.length; i++) { <br>//2.改变<tr>元素的背景颜色 <br>if(i % 2 == 0) { <br>trs[i].style.background = "yellow"; <br>} else { <br>trs[i].style.background = "olive"; <br>} <br>} <br>} <br>window.onload = color; <br></script>
全部代码:
1、系统采用.net2.0开发,数据库access2、三层架构,数据层、逻辑层和表示层分离3、系统完全使用div+css布局,可以灵活处理界面4、技术特点: 使用模板页,大大减少代码量 动态生成竖向导航菜单 ul li实现表格 各种自定义用户空间 Reapter等数据控件的灵活运用
<script type="text/javascript"> <br>function color() { <br>//把表头设为紫色 <br>var th = document.getElementById("th"); <br>th.style.background = "violet" <br>//1.得到所有<tr>元素 <br>var trs = document.getElementsByTagName("tr"); <br>var i; <br>for(i = 1; i <trs.length; i++) { <br>//2.改变<tr>元素的背景颜色 <br>if(i % 2 == 0) { <br>trs[i].style.background = "yellow"; <br>} else { <br>trs[i].style.background = "olive"; <br>} <br>} <br>} <br>window.onload = color; <br></script>
| 姓名 | 科目 | 成绩 |
|---|---|---|
| 张三 | 语文 | 90 |
| 张三 | 数学 | 87 |
| 李四 | 数学 | 68 |
| 王五 | 英语 | 76 |










