`

初级javasctipt

JavaScript 
阅读更多 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>TestJavaScript</title>
	<script type="text/javascript">
		window.onload = function(){ //页面所有元素加载完毕
		var item  =  document.getElementById("tb");			//获取id为tb的元素(table)
		var tbody =  item.getElementsByTagName("tbody")[0];	//获取表格的第一个tbody元素
		var trs =   tbody.getElementsByTagName("tr");	        //获取tbody元素下的所有tr元素
		for(var i=0;i < trs.length;i++){//循环tr元素
			if(i%2==0){        //取模. (取余数.比如 0%2=0 , 1%2=1 , 2%2=0 , 3%2=1)
				trs[i].style.backgroundColor = "#888"; // 改变 符合条件的tr元素 的背景色.
			}
		}
	}
	</script>
  </head>
  
  <body>
    
    <table id="tb">
    	<tbody>
    		<tr><td>第一行</td><td>第一行</td></tr>
    		<tr><td>第二行</td><td>第二行</td></tr>
    		<tr><td>第三行</td><td>第三行</td></tr>
    		<tr><td>第四行</td><td>第四行</td></tr>
    		<tr><td>第五行</td><td>第五行</td></tr>
    		<tr><td>第六行</td><td>第六行</td></tr>
    	</tbody>
    </table>
    
  </body>
</html>
分享到：
| 1-5(表格)
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics