课程

回到首页 个人中心 反馈问题 注册登录
下载APP
首页 课程 实战 体系课 手记 专栏 慕课教程

请大神帮忙看看哪里有问题所有按钮都没反应

来源：4-1 编程挑战

夏天冷空气

2016-07-04 21:29

  <form>

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

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

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

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

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

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

  </form>

  <script type="text/javascript">

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

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

  function mycolor()

  { mytxt.style.color="red";

    mytxt.style.backgroundColor="#ccc";

  }

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

  function mysize()

  { mytxt.style.width="300px";

    mytxt.style.height="300px";

  }

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

  function mynone()

  { mytxt.style.display="none";

  }

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

  function myblock()

  { mytxt.style.display="block";

  }

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

  function mycancel()

  { var cel=confirm("是否取消所有设置")；

    if(cel==true)

    { mytxt.style="""";//或者 mytxt.removeAttribute("style");

    }

  }

  </script>


写回答 关注

3回答

  • zuoxiaozuo
    2016-07-04 22:50:06
    已采纳

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

      function mycancel()

      { var cel=confirm("是否取消所有设置")；

        if(cel==true)

        { mytxt.style="""";//或者 mytxt.removeAttribute("style");

        }

      }

    在这段代码中有两处错误：

    1、 { var cel=confirm("是否取消所有设置")；

    这一行当中的“分号”用成了中文格式，这个错误是我放在代码编辑器中发现的；

    2、 { mytxt.style="""";//或者 mytxt.removeAttribute("style"); }

    这一行代码当中mytxt.style = """";是语法错误，

    谷歌浏览器中给出了以下报错提示：

    http://img.mukewang.com/577a75420001e6e303290051.jpg

    正确的书写方式应该是mytxt.style = "";

    可以试一下谷歌浏览器的console功能

    3 2

    zuoxia... 回复etkill...

    这个和全局变量与局部变量有关，任何在function外的声明的变量都是一个全局的变量，你可以把它用在页面的任何地方；假如你在某个function中声明某个变量，那么这个变量只能在这个函数中访问。所以，在函数外声明的变量mytxt是个全局变量，只需要声明一次就可以了

    2016-07-05 11:58:09

    共 3 条回复 >

  • 小正哥哥
    2016-07-04 21:53:53

    你的是mytxt吗？

    1 0

    夏天冷空气

    对呀我看跟你的结构一样呀

    2016-07-04 22:15:47

    共 1 条回复 >

  • 小正哥哥
    2016-07-04 21:52:24

    function gbys(){
        txt.style.color="#eee";
        txt.style.backgroundColor="#f9c";
    }
    //定义"改变宽高"的函数
    function gbkg(){
        txt.style.width="300px";
        txt.style.height="500px";  
    }

    //定义"隐藏内容"的函数
    function ycnr(){
        txt.style.display='none';
    }

    //定义"显示内容"的函数
    function xsnr(){
        txt.style.display='block';
    }

    //定义"取消设置"的函数
    function qxsz(){
      var qxss= confirm('是否取消设置？');
      if (qxss==true) {
         txt.removeAttribute("style");
       }
    }

    0 0

JavaScript入门篇

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

739818 学习 · 9566 问题

查看课程

相似问题

所有按钮都没有反应，请大家帮忙看看怎么回事

回答 3

求大神看看哪有问题 点击按钮都没有反应呢？

回答 1

所以按钮没有反应，大家可以帮忙看看吗

回答 1

哪里有问题啊，有大佬帮忙看看吗，点那个按钮没反应！！

回答 2

麻烦大神看一下 所有的按钮点了都没有反应

回答 2

打开慕课网App查看更多内容