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

来源:4-1 编程挑战

tmyyy

2018-06-03 21:09

 <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>


写回答 关注

3回答

  • 阳火锅
    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("不改变");

                        }

                        }


    阳火锅 回复tmyyy

    哈哈哈..好好努力

    2018-06-11 09:29:23

    共 2 条回复 >

  • 猫儿当自强
    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("不改变");}

                        }

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

    猫儿当自强 回复tmyyy

    //今天看到那里了,发现我之前想复杂了。。 //定义"取消设置"的函数 function close1(){ var message=confirm("是否取消设置"); if(message==true){ text.style="txt" } } //之前没看到上面有设置好的样式,可以通过对象的style属性 text.style="txt",直接把样式设置回去,但是如果上面没有设置样式,应该就只能用mychar.removeAttribute("style");这个了 意思是移除属性

    2018-06-15 10:02:24

    共 5 条回复 >

JavaScript入门篇

JavaScript做为一名Web工程师的必备技术,本教程让您快速入门

739817 学习 · 9566 问题

查看课程

相似问题