博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
javascript控制不同行不同颜色
阅读量:6993 次
发布时间:2019-06-27

本文共 1021 字,大约阅读时间需要 3 分钟。

 
<!
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
>
<
HTML
>
<
HEAD
>
<
TITLE
>
New Document
</
TITLE
>
<
META
NAME
="Generator"
CONTENT
="EditPlus"
>
<
META
NAME
="Author"
CONTENT
=""
>
<
META
NAME
="Keywords"
CONTENT
=""
>
<
META
NAME
="Description"
CONTENT
=""
>
<
style
type
="text/css"
>
<!--
.li01
{
background
:
#FFF
;
}
.li02
{
background
:
#eeeeee
;
}
-->
</
style
>
</
HEAD
>
<
BODY
>
<
div
><
ul
id
="list01"
>
<
li
class
="title"
><
a
href
="#"
>
title
</
a
></
li
>
<
li
><
a
href
="#"
>
111
</
a
></
li
>
<
li
><
a
href
="#"
>
222
</
a
></
li
>
<
li
><
a
href
="#"
>
333
</
a
></
li
>
<
li
><
a
href
="#"
>
444
</
a
></
li
>
<
li
><
a
href
="#"
>
555
</
a
></
li
>
<
li
><
a
href
="#"
>
666
</
a
></
li
>
</
ul
></
div
>
<
script
Language
="Javascript"
>
objName
=
document.getElementById(
"
list01
"
).getElementsByTagName(
"
li
"
)
for
(i
=
0
;i
<
objName.length;i
++
) {
(i
%
2
==
0
)
?
(objName(i).className
=
"
li01
"
):(objName(i).className
=
"
li02
"
);
}
</
script
>
</
BODY
>
</
HTML
>

转载地址:http://waivl.baihongyu.com/

你可能感兴趣的文章