首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Javascript更改Div样式

Javascript更改Div样式
EN

Stack Overflow用户
提问于 2012-04-09 17:25:48
回答 7查看 159.5K关注 0票数 37

我希望part 1的onclick div样式改变,并在单击时再次part 2,它会恢复正常。我尝试过这样做,但是我没有达到part 2的结果。

以下是Javascript代码

function abc() {
    document.getElementById("test").style.color="red";
}

再次单击test div后,颜色应恢复为默认颜色,即黑色...

EN

回答 7

Stack Overflow用户

回答已采纳

发布于 2012-04-09 17:28:56

function abc() {
    var color = document.getElementById("test").style.color;
    if (color === "red")
         document.getElementById("test").style.color="black";
    else
         document.getElementById("test").style.color="red";
}
票数 53
EN

Stack Overflow用户

发布于 2012-04-09 17:35:50

使用jQuery:

$(document).ready(function(){
    $('div').click(function(){
        $(this).toggleClass('clicked');
    });
});​

Live example

票数 3
EN

Stack Overflow用户

发布于 2012-04-09 17:30:50

有一些逻辑来检查颜色或有一些标志,

function abc() {
    var currentColor = document.getElementById("test").style.color;

    if(currentColor == 'red'){
    document.getElementById("test").style.color="black";
    }else{
   document.getElementById("test").style.color="red";

    }
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10071286

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档