                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript入门篇

控制类名如何让按钮循环效果？

现在点击按钮，可以添加.two样式？如果想再点击一次按钮，恢复.one样式。循环往复，不知道该添加什么语句？？

<style>

body{ font-size:16px;}

.one{

border:1px solid #eee;

width:230px;

height:50px;

background:#ccc;

color:red; }

.two{

border:1px solid #ccc;

width:230px;

height:50px;

background:#9CF;

color:blue;}

</style>

</head>

<body>

<p id="p2" class="one">JavaScript使网页显示动态效果并实现与用户交互功能。</p>

function modify(){

var p2 = document.getElementById("p2");

p2.className="two"; }

</script>

炙宠啸逗逗

2014-11-18

源自：JavaScript入门篇 3-6

关注问题我要回答

967

操作

收起

3 回答

Cbove
2014-12-12

if("one"==p2.className)

{

p2.className="two";

}else{p2.className="one";}

0 回复有任何疑惑可以回复我~

收起回答

墨迹玖久
2014-11-26

本人菜鸟，弱弱的写个想法function add(){

var p1 = document.getElementById("p1");

if(p1.className=="one"){

p1.className="two";

}else{

p1.className="one";

}

0 回复有任何疑惑可以回复我~

收起回答

偌颜宁
2014-11-19

你可以参考下，自己用其他的方式写写试试

<body>
    <p id="p2" class="one">JavaScript使网页显示动态效果并实现与用户交互功能。</p>
    <input type="button" value="更改外观" onclick="modify()"/>
    <input type="hidden" value="1" id="txt_hidden"/>
<script>       
    function modify(){
        var p2 = document.getElementById("p2");
        var txtHidden = document.getElementById("txt_hidden");
        if(txtHidden.value==1){
            p2.className="two"; 
            txtHidden.value =2;
        }else{
           p2.className="one"; 
            txtHidden.value =1; 
        }
    }
</script>

2 回复有任何疑惑可以回复我~

收起回答

小东别院

老师你好，这个是不是先实行 1 再实行2 呀；

2014-12-01 回复有任何疑惑可以回复我~