3回答

• 

  明明不是小明

  2016-05-10 16:18:29

  已采纳

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

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

   var flag = "";

  function changeColor(){

        txt.style.color="red";

        txt.style.backgroundColor='blue';

        flag = 1;

  }

  
  

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

  function changeSize(){

       txt.style.width="500px";

       txt.height="300px";

       flag  = 2;

  }

  
  

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

  function hideContent(){

      txt.style.display="none";

      flag = 3;

  }

  
  

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

  function showContent(){

      txt.style.display = "block";

  }

  
  

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

  function cancelSet(){

      if(confirm("是否取消设置吗")){

          if(flag=="1"){

             txt.style.color="#000";

             txt.style.backgroundColor='white';

          }else if(flag=="2"){

            txt.style.width="600px";

            txt.style.height="400px";

          }else if(flag=="3"){

              txt.style.display = "block";

          }

          

      }

  }

  
  

  1 0

  龙TT

  非常感谢！我就是这个逻辑的有点想不通

  2016-05-12 08:32:16

  共 1 条回复 >

• 

  入坑

  2016-05-10 18:29:37

  我是这样改的concel.style="txt";
  

  0 0
• 

  明明不是小明

  2016-05-10 15:59:55

  取消设置按钮其实就是将样式修改成初始的样式。你可以加一个值做标记，比如如果你设置了大小，那你就把这个值设为1，如果你设置了颜色，那你就把值设为2，然后取消设置的时候判断，如果是1，那么上一步就是设置了大小，你就只将大小还原成初始样式，这样也就等同于回上一步了。

  0 0