4回答

• 

  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>

  
  

  1 0

  tbt051...

  谢谢帮助！

  2015-09-01 22:14:00

  共 1 条回复 >

• 

  逆殇

  2015-09-02 11:23:12

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

  0 0
• 

  Linapan

  2015-09-01 11:48:00

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

  0 0
• 

  Linapan

  2015-09-01 11:40:45

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

  0 0