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

为什么只有颜色和取消可以》

  <form>

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

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

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

    <input type="button" value="隐藏内容"

    onclick="objHide()">

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

    onclick="objShow()">

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

    onclick="offSet()">

  </form>

  <script type="text/javascript">


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

function changeColor(){

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

txt.style.color="red";

txt.style.backgroundColor="green";}

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

function changeS(){

txt.style.height="400px";

txt.style.width="600px";}

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

function objHide()

{

 txt.style.display="block";

 txt.style.display="none";

}

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

  function offSet(){

    txt.removeAttribute('style')

}


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

}


提问者：前端女神 2016-01-07 18:10

个回答

  • steve_samuelson
    2016-01-08 20:39:13
    已采纳

    1、改变宽高函数：窗口本来大小就是400px高 600px宽，你函数中没有变化，自然没有反应。

    2、显示函数：没有定义，自然没有显示。显示函数中写了2条display

    0
  • Perona
    2016-01-07 18:25:07

    objShow()哪去了，没定义这个函数呀。

    changeS()里设置的宽高和原本的CSS的宽高一样，当然看不出变化。

    objHide()里又要隐藏又有显示，是要干嘛。

    取节点的语句后面为何还有花括号，没必要呀。

    修改后的JS你看看，有什么不懂再提出来

        var txt = document.getElementById("txt");
    function changeColor() {
//定义"改变颜色"的函数
        txt.style.color = "red";
        txt.style.backgroundColor = "green";
    }
    //定义"改变宽高"的函数
    function changeS() {
        txt.style.height = "600px";
        txt.style.width = "400px";
    }
    //定义"隐藏内容"的函数
    function objHide() {

        txt.style.display = "none";
    }
    //定义"显示内容"的函数
    function objShow() {
        txt.style.display = "block";
    }
    //定义"取消设置"的函数

    function offSet() {
        txt.removeAttribute('style')
    }


    0