个回答

• ¨

  2016-05-26 23:32:29

  个人代码，可以互相切磋交流 

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

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

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

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

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

    </form>

    <script type="text/javascript">

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

  function cgColor(){

      mychar = document.getElementById("txt");

      mychar.style.color="red";

      mychar.style.backgroundColor="blue";

  }

  
  

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

  function cgwh(){

      mychar = document.getElementById("txt");

      mychar.style.width="300px";

      mychar.style.height="500px";

  }

  
  

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

  function hidetext(){

      mychar = document.getElementById("txt");

      mychar.style.display="none";

  }

  
  

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

  function showtext(){

      mychar = document.getElementById("txt");

      mychar.style.display="block";

  }

  
  

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

  function rst(){

      mychar = document.getElementById("txt");

      tag = confirm("是否恢复默认？");

      if(tag)

      {

      mychar.removeAttribute("style");

      }

      

  }

  
  

  
  

    </script>

  
  

  0