问答详情
源自:4-1 编程挑战

最后一个重置不能用呢。其他都对的

 <form>

  <!--当点击相应按钮,执行相应操作,为按钮添加相应事件-->

    <input type="button" value="改变颜色" onclick="cgc()">  

    <input type="button" value="改变宽高" onclick="hg()">

    <input type="button" value="隐藏内容" onclick="yc()">

    <input type="button" value="显示内容" onclick="xs()">

    <input type="button" value="取消设置" onclick="qx()">

  </form>

  <script type="text/javascript">

//定义"改变颜色"的函数  

    function cgc(){ var mychar=document.getElementById("txt");

                    mychar.style.color="red";

                    mychar.style.backgroundColor="#ccc";}

                    

//定义"改变宽高"的函数

    function hg(){  var mychar=document.getElementById("txt"); 

                    mychar.style.width="300px";}

    

//定义"隐藏内容"的函数

    function yc(){  var mychar=document.getElementById("txt");

                    mychar.style.display="none";}

                    

//定义"显示内容"的函数

    function xs(){  var mychar=document.getElementById("txt");

                    mychar.style.display="block";}


//定义"取消设置"的函数

    function qx(){  var mychar=document.getElementById("txt");

                    var qd=confirm("是否要取消");

                    if(qd=true){ mychar.className="#txt";}

                    else{alert("不改变");}

                    }

  </script>


提问者:tmyyy 2018-06-03 21:09

个回答

  • 阳火锅
    2018-06-06 11:44:55
    已采纳

    你还没明白优先级的问题,你虽然设定了class...  但是style属性比class高。。所以你调用class并不会对原有的style进行覆盖。。按思路你必须先清除style。。代码可以这样写

    function qx(){  

                        var mychar=document.getElementById("txt");

                        var qd=confirm("是否要取消");

                        if(qd=true){ 

                            mychar.style= "";

                            mychar.className="txt";   注意这里不要加#号。。#号是取ID的..

                        }else{

                            alert("不改变");

                        }

                        }


  • 猫儿当自强
    2018-06-09 17:16:55

    嗯的,我可以问下,你的头像是那个人物的咩,耳朵看起来像起司猫,挺可爱的。。

  • 猫儿当自强
    2018-06-04 17:18:58

    //定义"取消设置"的函数

        function qx(){  var mychar=document.getElementById("txt");

                        var qd=confirm("是否要取消");

                        if(qd=true){ mychar.removeAttribute("style");;}

                        else{alert("不改变");}

                        }

    我还没学,网上搜的还原样式的方法,测试了 可以用