<form>
<!--当点击相应按钮,执行相应操作,为按钮添加相应事件-->
<input type="button" value="改变颜色" onclick="cgc()">
<input type="button" value="改变宽高" onclick="hg()">
<input type="button" value="隐藏内容" onclick="yc()">
<input type="button" value="显示内容" onclick="xs()">
<input type="button" value="取消设置" onclick="qx()">
</form>
<script type="text/javascript">
//定义"改变颜色"的函数
function cgc(){ var mychar=document.getElementById("txt");
mychar.style.color="red";
mychar.style.backgroundColor="#ccc";}
//定义"改变宽高"的函数
function hg(){ var mychar=document.getElementById("txt");
mychar.style.width="300px";}
//定义"隐藏内容"的函数
function yc(){ var mychar=document.getElementById("txt");
mychar.style.display="none";}
//定义"显示内容"的函数
function xs(){ var mychar=document.getElementById("txt");
mychar.style.display="block";}
//定义"取消设置"的函数
function qx(){ var mychar=document.getElementById("txt");
var qd=confirm("是否要取消");
if(qd=true){ mychar.className="#txt";}
else{alert("不改变");}
}
</script>
你还没明白优先级的问题,你虽然设定了class... 但是style属性比class高。。所以你调用class并不会对原有的style进行覆盖。。按思路你必须先清除style。。代码可以这样写
function qx(){
var mychar=document.getElementById("txt");
var qd=confirm("是否要取消");
if(qd=true){
mychar.style= "";
mychar.className="txt"; 注意这里不要加#号。。#号是取ID的..
}else{
alert("不改变");
}
}
嗯的,我可以问下,你的头像是那个人物的咩,耳朵看起来像起司猫,挺可爱的。。
//定义"取消设置"的函数
function qx(){ var mychar=document.getElementById("txt");
var qd=confirm("是否要取消");
if(qd=true){ mychar.removeAttribute("style");;}
else{alert("不改变");}
}
我还没学,网上搜的还原样式的方法,测试了 可以用