js 标签隔行显示颜色

最新推荐文章于 2021-06-29 00:54:11 发布

longyuan20102011

最新推荐文章于 2021-06-29 00:54:11 发布

阅读量694

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/longyuan20102011/article/details/9231391

版权

js 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link rel="stylesheet" type="text/css" href="css/style.css">
  </head>
  
  <body>
  <script type="text/javascript">
  		window.οnlοad=function()
  		{
  			stripeTables();
  		}
  		function stripeTables()
  		{
  			//如果浏览器不支持dom，跳过
  			if(!document.getElementsByTagName)
  				return false;
  			//获取到table标签
  			var tables=document.getElementsByTagName("table");
  			
  			//对于每一个table标签
  			for(var i=0;i<tables.length;i++)
  			{
  				var odd=false;
  				//获取table标签当中属性为tr的object
  				var rows=tables[i].getElementsByTagName("tr");
  				for(var j=0;j<rows.length;j++)
  				{
  					if(odd==true)
  					{
  						//设置背景色为#ffc
  						rows[j].style.backgroundColor="#ffc";
  						odd=false;
  					}
  					else
  					{
  						odd=true;
  					}
  				}
  			}
  		}
  </script>
  <table>
  	<caption>Itinerary</caption>
  	<thead>
  	<tr>
  		<th>when</th>
  		<th>where</th>
  	</tr>
  	</thead>
  	<tbody>
  		<tr>
  			<td>June 9th</td>
  			<td>Portland,<abbr title="Oregon">OR</abbr></td>
  		</tr>
  		<tr>
  			<td>June 10th</td>
  			<td>Seattle,<abbr title="Washington">WA</abbr></td>
  		</tr>
  		<tr>
  			<td>June 12th</td>
  			<td>Sacramento,<abbt title="California">CA</abbt></td>
  		</tr>
  	</tbody>
  </table>
  </body>
</html>

longyuan20102011

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 标签隔行显示颜色

<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%> "> My JSP 'index.jsp' startin
复制链接

扫一扫

专栏目录