首页 > 程序开发 > web前端 > JavaScript > 正文
用JavaScript改变table的背景色
2017-06-19       个评论    来源:  
收藏    我要投稿

JavaScript改变table的背景色

index.html:

<meta charset="UTF-8" />
<title></title>
<link href="/kf/201706/styles/format.css" rel="stylesheet" />
<table>
<caption>
	Itinerary</caption>
<thead>
	<tr>
	<th>
		When</th>
	<th>
		Where</th>
	</tr>
</thead>
<tbody>
	<tr>
	<td>June 9th</td>
	<td>Poratland,<abbr title="Oregon">OR</abbr></td>
	</tr>
	<tr>
	<td>June 10th</td>
	<td>Poratland,<abbr title="Oregon">OR</abbr></td>
	</tr>
	<tr>
	<td>June 11th</td>
	<td>Poratland,<abbr title="Oregon">OR</abbr></td>
	</tr>
</tbody>
</table>
<script src="JS/add.js"></script>

format.css:

body{
    background-color: #fff;
    color: #000;
}

table{
    margin:auto;
    border:1px solid #699;
}

caption{
    margin:auto;
    padding: .2em;
    font-size: 1.2em;
    font-weight: bold;
}

th{
    font-weight: normal;
    font-style: italic;
    text-align: left;
    border:1px dotted #699;
    background-color: #9cc;
    color: #000;
}

th,td{
    width:10em;
    padding: .5em;
    text-align: center;
}
add.js:
function addLoadEvent(func){
    var oldonload = window.onload;
    if (typeof window.onload != 'function'){
        window.onload = func;
    }else {
        window.onload = function(){
            oldonload();
            func();
        }
    }
}

function stripeTables(){
    if (!document.getElementsByTagName) return false;
    var tables = document.getElementsByTagName("table");
    var odd,rows;
    for(var i=0; i

 

点击复制链接 与好友分享!回本站首页
上一篇:javascriptDOM基础和扩展
下一篇:javascript拖拽函数
相关文章
图文推荐
文章
推荐
点击排行

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 |
版权所有: 88bifa.com--致力于做实用的IT技术学习网站