javascript使一个特定的表格隔行变色

最新推荐文章于 2019-01-04 10:29:14 发布

小晓白的博客

最新推荐文章于 2019-01-04 10:29:14 发布

阅读量652

点赞数

分类专栏： JavaScript 文章标签： javascript使一个特定的表格隔行 javascript js

本文链接：https://blog.csdn.net/wbbott/article/details/70162771

版权

JavaScript 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

javascript使一个特定的表格隔行变色





   
   
使一个特定的表格隔行变色



	
   
   第一行 第一行
第二行 第二行
第三行 第三行
第四行 第四行
第五行 第五行
第六行 第六行
	
	<script type="text/javascript">
		var item = document.getElementById("td");           //获取id为tb的元素
		var tbody = item.getElementsByTagName("tbody")[0];  //获取表格的第一个tbody元素
		var trs = tbody.getElementsByTagName("tr");         //获取tbody元素下的所有tr元素
		console.info(trs.length);                           
		for (var i = 0; i < trs.length;i++){                //循环tr元素
			if(i%2==0){                                     //取模
				trs[i].style.backgroundColor = "#ccc";      //改变符合条件的tr元素的背景色
			}
		}
	</script>