比如我设置了大小,再设置颜色,点取消设置按钮是都取消,回初始样式,能不能回上一步,就不是回初始样式
//定义"改变颜色"的函数
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";
}
}
}
我是这样改的concel.style="txt";
取消设置按钮其实就是将样式修改成初始的样式。你可以加一个值做标记,比如如果你设置了大小,那你就把这个值设为1,如果你设置了颜色,那你就把值设为2,然后取消设置的时候判断,如果是1,那么上一步就是设置了大小,你就只将大小还原成初始样式,这样也就等同于回上一步了。