为了账号安全,请及时绑定邮箱和手机立即绑定

按钮没反应,求大佬帮忙看看是哪里出了问题

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

    <input type="button" value="改变宽高" onClick="changeWidHei()">

    <input type="button" value="隐藏内容"  onClick="hide()">

    <input type="button" value="显示内容"  onClick="display()">

    <input type="button" value="取消设置" onClick="cancel()">

  </form>

  <script type="text/javascript">

    function changeColor() {

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

        cont.style.color="red";

        cont.style.backgroundColor="#ccc";

    }

   function changeWidHei() {

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

        cont.style.width="100px";

        cont.style.height="100px";

    }

    function hide() {

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

        cont.style.display="none";

    }

    function display() {

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

        con.style.display="block";

    }

  function.style.cancel() {

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

        var can=confirm("是否取消?");

        if (can == true) {

            cont.style="";

            mychar.className="txt";

        }

        else {

            alert("bb");

        }

    }


正在回答

3 回答

兄弟,你这错有点多啊

  1. 你除了第一个onclick是对的,后面的C都大写了。

  2. 你display里面的方法,cont写成了con。

  3. 你的取消函数写的太复杂了,代码如下,直接设置cont.style的属性等于上面设置的样式就可以了(设置了样式的情况下)。

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

    function close1(){

    var message=confirm("是否取消设置");

    if(message==true){

        cont.style="txt"

    }

    }

   4.或者用

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

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

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

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

                    }

mychar.removeAttribute("style");取消样式的方法。

建议你的var mychar=document.getElementById("txt");可以放在函数外面声明成全局变量,就不用每个函数都重新声明了,每个函数都可以直接调用 就像我上面第一个写的那个方法一样。

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

猫儿当自强

第一个的问题说错了,好像大小写的都可以
2018-06-15 回复 有任何疑惑可以回复我~

https://img1.sycdn.imooc.com//5b2268ee0001c3e403520129.jpg

这个函数定义方式错了,把style去掉就行了

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

最下面多了一个花括号,我开始也忘了删,找bug找了半天。

另外,你取消设置代码这样写貌似不行吧。这里面没讲,我看了下示例代码,要用removeAttribute()方法。

代码:

function offset(){           //命名注意,不能用有特殊意义的字符(比如reset就执行不了)
   var a=confirm("是否要取消设置?");
   if (a==true) {
   txt.removeAttribute("style");  //removeAttribute() 方法删除指定的属性
   }
  }


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

举报

0/150
提交
取消

按钮没反应,求大佬帮忙看看是哪里出了问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信