点击怎么没反应

来源:4-1 编程挑战

顺其自然0123456789101112131415

2016-07-27 17:10

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

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

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

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

    <input type="button" value="显示内容" >

    <input type="button" value="取消设置" >

  </form>

  <script type="text/javascript">

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

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

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

function color()

{

    mychar.style.color="red";

    txtchar.style.backgroundColor="#D1BDA1";

}

function top() {

    txtchar.style.width="200px";

    txtchar.style.heigth="200px";

}

function display()

{

 txtchar.style.display="none";

}


写回答 关注

5回答

  • LiSten_Tme
    2016-07-28 22:19:10
    已采纳

    应该是 onClick="" 那里的c没大写

  • 顺其自然0123456789101112131415
    2016-08-01 10:14:06

    function  我换了个函数名就可以了 不知道是不是用了关键字命名函数

  • LiSten_Tme
    2016-07-28 22:23:26

    不对哟。我用你这个代码跑的动呢。你可能哪里出问题吧,那些标签有对应吗?这些代码内容基本没啥问题。另onclick刚查了和测试一下也没区分大小写。。

  • Mr丶Lee95
    2016-07-28 10:08:29

    <form>

    <input type="text" id="con" value="Test"></input>

    <input type="text" id="txt" value="Test"></input>

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

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

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

        <input type="button" value="显示内容" >

        <input type="button" value="取消设置" >

      </form>

      <script type="text/javascript">

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

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

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

    function color()

    {

        mychar.style.color="red";

        txtchar.style.backgroundColor="#D1BDA1";

    }

    function top() {

        txtchar.style.width="200px";

        txtchar.style.heigth="200px";

    }

    function display()

    {

     txtchar.style.display="none";

    }

    </script>

    以上是我测试代码,可用。

    你的代码少了个<from>开头,以及你的代码少了个</script>结束

  • 慕妹2117740
    2016-07-27 18:49:29

    onClick C大写

JavaScript入门篇

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

739817 学习 · 9566 问题

查看课程

相似问题