用js写一个点击变绿色再点击一下变红色 可以这样写吗 刚开始学不懂
<!doctypehtml><html><head><metacharset="utf-8"><title>无标题文档</title><style>#s1{backgro...
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
#s1{
background-color:red;
width:300px;
height:300px;
}
#s2{
background-color:green;
width:300px;
height:300px;
}
</style>
</head>
<body>
<div id="s1" onClick="hg();"></div>
</body>
<script>
function hg(){
var div=document.getElementById('s1');
if (div.style.backgroundColor.indexOf("red")>=0)
{
div.id="s2";
}else{
div.id="s1";
}
}
</script>
</html> 展开
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
#s1{
background-color:red;
width:300px;
height:300px;
}
#s2{
background-color:green;
width:300px;
height:300px;
}
</style>
</head>
<body>
<div id="s1" onClick="hg();"></div>
</body>
<script>
function hg(){
var div=document.getElementById('s1');
if (div.style.backgroundColor.indexOf("red")>=0)
{
div.id="s2";
}else{
div.id="s1";
}
}
</script>
</html> 展开
展开全部
这样有问题的，Id从s1变成s2的话，第二次点击就没办法通过s1找到这个元素了。
直接修改背景色就好了。
if (div.style.backgroundColor.indexOf("red")>=0)
{
div.style.background="green";
}else{
div.style.background="red";
}
直接修改背景色就好了。
if (div.style.backgroundColor.indexOf("red")>=0)
{
div.style.background="green";
}else{
div.style.background="red";
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
也可以使用jquery的形式，导入所需要的jquery文件，然后给他添加class，addclass和removeclass这样的方法就可以实现切换
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
