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

取消设置这个功能跟其他功能会冲突吗？

我改变颜色，设置之后，使用取消设置回归初始设置。但是无法再次使用改变颜色，宽高等功能了，请问这是什么原因啊？这个只是一次性的吗？

我的代码如下，谢谢。 

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

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

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

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

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

  </form>

  <script type="text/javascript">

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

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

function changecolor()

{mychar.style.color="red";

mychar.style.backgroundColor="#CCC";

}


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

function changesize(){

    mychar.style.width="800px";

    mychar.style.height="600px";

}


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

function hidetext(){

    mychar.style.display="none";

}


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

function showtext(){

    mychar.style.display="block";

}


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

function setoff(){

    var message=confirm("是否要取消设置？")；

    if(message===true){

        mychar.removeAttribute("style");

    }

}


提问者：tbt0510 2015-09-01 10:28

个回答

  • Linapan
    2015-09-01 11:45:56
    已采纳

    <form id="txt">

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

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

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

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

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

      </form>

      <script type="text/javascript">

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

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

    function changecolor()

    {mychar.style.color="red";

    mychar.style.backgroundColor="#CCC";

    }


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

    function changesize(){

        mychar.style.width="800px";

        mychar.style.height="600px";

    }


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

    function hidetext(){

        mychar.style.display="none";

    }


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

    function showtext(){

        mychar.style.display="block";

    }


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

    function setoff(){

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

        if(message===true){

            mychar.removeAttribute("style");

        }

    }

    </script>


    0
  • 逆殇
    2015-09-02 11:23:12

    为什么确定后恢复不到原界面

    0
  • Linapan
    2015-09-01 11:48:00

    不会冲突，也不是一次性的，检查一下你的代码

    0
  • Linapan
    2015-09-01 11:40:45

    var mychar=document.getElementById("txt");
    你指定的ID呢？

    0