js className屬性說明與執行個體

，單擊列表後，實際上<ul> 的class 屬性變為：
<ul onclick="check()" class="myul1 myul2">

 

<html>
<head>
<title>追加css教程類別</title>
<style type="text/css">
.myul1{
color:#0000ff;
font-family:arial;
font-weight:bold;
}
.myul2{
text-decoration:underline;
}
</style>
<script language="網頁特效">
function check(){
var omy = document.getelementsbytagname("ul")[0];
omy.classname += " myul2"; //追加css類,注意" myul2"前面的空格.
}
</script>
</head>
<body>
<ul onclick="check()" class="myul1">
<li>html</li>
<li>javascript</li>
<li>css</li>
</ul>
</body>
</html>

js設定classname屬性更改css樣式2009年07月17日 星期五 16:09<style>

.top{background-color:#ff9966}
.button{background-color:#ff3322}
</style>
<span class="top" onclick="this.classname='button'">這裡是文字</span>
<span class="top" onclick="test(this)">這裡是文字</span>
<script>
function test(obj)
{
if(obj.classname=="top")
{obj.classname="button"}
else
{obj.classname="top"}
}
</script>