JavaScript隔行变色
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>JavaScript实现隔行变色的表格</title>
<style>
<!--
.datalist{
border:1px solid #007108; /* 表格边框 */
font-family:Arial;
border-collapse:collapse; /* 边框重叠 */
background-color:#d9ffdc; /* 表格背景色 */
font-size:14px;
}
.datalist th{
border:1px solid #007108; /* 行名称边框 */
background-color:#00a40c; /* 行名称背景色 */
color:#FFFFFF; /* 行名称颜色 */
font-weight:bold;
padding-top:4px; padding-bottom:4px;
padding-left:12px; padding-right:12px;
text-align:center;
}
.datalist td{
border:1px solid #007108; /* 单元格边框 */
text-align:left;
padding-top:4px; padding-bottom:4px;
padding-left:10px; padding-right:10px;
}
.datalist tr.altrow{
background-color:#a5e5aa; /* 隔行变色 */
}
-->
</style>
<script language="javascript">
window.onload = function(){
var oTable = document.getElementById("oTable");
for(var i=0;i<oTable.rows.length;i++){
if(i%2==0) //偶数行时
oTable.rows[i].className = "altrow";
}
}
</script>
</head>
<body>
<table class="datalist" summary="list" id="oTable">
<tr>
<th scope="col">Name</th>
<th scope="col">Class</th>
</tr>
<tr>
<td>slepox</td>
<td>W19</td>
</tr>
<tr>
<td>smartlau</td>
<td>W19</td>
</tr>
<tr>
<td>shenhuanyan</td>
<td>W25</td>
</tr>
</tabl
相关文档:
今天AJAX必须用JS,做前端必须用JS,由于课程紧,只安排了一天时间,只讲了Dom。 DOM 可在J2SEAPI搜Document,便可以查看方法 DOM树:节点(node)的层次。 节点分为三种类型: 节点(node):来源于网络理论,代表网络中的一个连接点。网络是由节点构成的集合 1.节点分为三种类型:
element node attribute node ......
上次部门招聘需要web前台技术笔试题目,我在网上搜索一下,还真找不到什么。于是自己编了几道。
招聘结束了,题目估计没用了。这里公布出来,对js感兴趣的新手可以做做看,或许有帮助哦。
答案就不公布了,自己一试就知道了。
一、单选题
......
一、新增一个option
var sel=document.getElementById("select的id");
var op=document.createElement("option");
op.value=值;
op.text=显示文本;
sel.add(op);
二、删除一个option
var sel=document.getElementById("typelist");
if(sel.selectedIndex==-1)
alert("请选 ......
JavaScript 是根据 "ECMAScript"标准制定的网页脚本语言。这个标准由 ECMA 组织发展和维护。ECMA-262
是正式的 JavaScript 标准。这个标准基于 JavaScript (Netscape) 和 JScript
(Microsoft)。Netscape (Navigator 2.0) 的 Brendan Eich 发明了这门语言,从 1996
年开始,已经出现在所有的 Netscape 和 Micro ......
1.document.formName.item("itemName") 问题
说明:IE下,可以使用document.formName.item("itemName")或
document.formName.elements["elementName"];Firefox下,只能使用
document.formName.elements["elementName"].
解决方法:统一使用document.formName.elements["elem ......