js点击改变文字颜色,再点击又变回原样
<!DOCTYPEhtml><html><body><h1id="id1">MyHeading1</h1><buttontype="button"onclick="doc...
<!DOCTYPE html>
<html>
<body>
<h1 id="id1">My Heading 1</h1>
<button type="button"
onclick="document.getElementById('id1').style.color='red'">
点击这里!</button>
</body>
</html>
这个只能改变成红色 如果我要再点一下又变成黑色 一直这样重复要怎么写 展开
<html>
<body>
<h1 id="id1">My Heading 1</h1>
<button type="button"
onclick="document.getElementById('id1').style.color='red'">
点击这里!</button>
</body>
</html>
这个只能改变成红色 如果我要再点一下又变成黑色 一直这样重复要怎么写 展开
3个回答
展开全部
<button type="button"
onclick="text()">
点击这里!</button>
function text(){
if(document.getElementById('id1').style.color=="red"){
document.getElementById('id1').style.color=="block";
}
else{
document.getElementById('id1').style.color=="red";
}
}
onclick="text()">
点击这里!</button>
function text(){
if(document.getElementById('id1').style.color=="red"){
document.getElementById('id1').style.color=="block";
}
else{
document.getElementById('id1').style.color=="red";
}
}
追答
function text(){
console.log(document.getElementById('id1').style.color);
if(document.getElementById('id1').style.color=="red"){
document.getElementById('id1').style.color="green";
}
else{
document.getElementById('id1').style.color="red";
}
}
那个写错了,,,是一个等号
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<script>
var count=0;
function change(){
if(count==0){
document.getElementById('id1').style.color='red';
count++;
}
else{
document.getElementById('id1').style.color='black';
count=0;
}
}
</script>
<button type="button"
onclick="chang()">
点击这里!</button>
var count=0;
function change(){
if(count==0){
document.getElementById('id1').style.color='red';
count++;
}
else{
document.getElementById('id1').style.color='black';
count=0;
}
}
</script>
<button type="button"
onclick="chang()">
点击这里!</button>
追问
大神 有木有简单点的办法
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |