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

为什么一点反应都没有

 <script type="text/javascript">

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

function color(){

    var col=document.geElementById("txt");

    col.style.backgroundColor="blue";

}


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

function high(){

    var h=document.geElementById("txt");

    h.style.width="500px";

    h.style,height="500px";

}

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

function none(){

    var no=document.geElementById("txt");

    no.style.display="none";

}


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

function block(){

    var no=document.geElementById("txt");

    no.style.display="block";

}


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

function qu(){

     txt.removeAttribute("style");

}


提问者:qq_房梁一梦_0 2018-08-05 22:17

个回答

  • 慕斯卡1556068
    2018-08-06 14:01:05
    已采纳

    因为你没在按钮里面添加响应onclick

  • 万般浮云
    2018-08-08 19:19:01

    可以将获取txt的元素id对象抽取到方法外面,这样就不用重复le

  • qq_房梁一梦_0
    2018-08-06 14:04:02

    <form>

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

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

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

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

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

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

      </form>

      <script type="text/javascript">

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

    function color(){

        var col=document.geElementById("txt");

        col.style.backgroundColor="blue";

    }


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

    function high(){

       // var h=document.geElementById("txt");

       text.style.width="500px";

        h.style,height="500px";

    }

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

    function none(){

        var no=document.geElementById("txt");

        no.style.display="none";

    }


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

    function block(){

        var no=document.geElementById("txt");

        no.style.display="block";

    }


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

    function qu(){

         txt.removeAttribute("style");

    }



      </script>


  • smallseapig
    2018-08-06 14:00:15

    在<form>标签里的button少一部分代码,可以对比之前课程的按钮,写一个onClick= "函数名()"就好了