UC知道如何用javascript实现点击换class
来源：百度知道 编辑：UC知道 时间：2024/06/06 04:34:10
function navbar(className){
var path=document.getElementById("nav");
if (path.getAttribute("class")="navbar")
{
path.setAttribute("class","tnavbar")
}
else if (path.getAttribute("class")="tnavbar")
{
path.setAttribute("class","navbar")
}
}
我是这样写的。用不了。到底哪里出错了？
我想实现一个DIV的背景点击一下就换背景，再点击就换回来的效果。
没积分了。。。对不起。
var path=document.getElementById("nav");
if (path.getAttribute("class")="navbar")
{
path.setAttribute("class","tnavbar")
}
else if (path.getAttribute("class")="tnavbar")
{
path.setAttribute("class","navbar")
}
}
我是这样写的。用不了。到底哪里出错了？
我想实现一个DIV的背景点击一下就换背景，再点击就换回来的效果。
没积分了。。。对不起。
你的程序可以改成：
function navbar(className)
{
var nav=document.getElementById("nav");
nav.className = nav.className=="navbar"?"tnavbar":"navbar";
}
以下我刚刚写的测试程序，证明上面的.className换class是没问题的！
<html>
<head>
<style>
div {width:100%;height:300px; }
.red {background-color:#ff0000;}
.green{background-color:#00ff00;}
.blue {background-color:#0000ff;}
</style>
<script>
function switchColor(obj)
{
document.body.className=obj.value;
}
</script>
</head>
<body>
<div></div>
<select onchange="switchColor(this)" >
<option value="red" >red</option>
<option value="green" >green</option>
<option value="blue" >blue</option>
</select>