Lshah0
2016-03-10 12:59
如图
<input type="button" value="改变颜色" onclick="set1()" >
<input type="button" value="改变宽高" onclick="set2()" >
<input type="button" value="隐藏内容" onclick="set3()" >
<input type="button" value="显示内容" onclick="set4()" >
<input type="button" value="取消设置" onclick="set5()" >
</form>
<script type="text/javascript">
var div=document.getElementById("txt");
//定义"改变颜色"的函数
function set1(){
div.style.backgroundColor="blue";}
//定义"改变宽高"的函数
function set2(){
div.style.height="500";
div.style.width="200";}
//定义"隐藏内容"的函数
function set3(){
div.style.display="none";}
//定义"显示内容"的函数
function set4(){
div.style.display="block";}
//定义"取消设置"的函数
function set5(){
var mymessage=confirm("是否取消设置?")
if (mymessage==true)
{removeAttribute("style");}
</script>
设置width,height要加单位PX;为"500px"或者"500"+"px"
然后你的set5的‘}’没有加
removeAttribute("style");前面要加对象使之为 div.removeAttribute("style");
这样才能知道重置的而是谁的style
<form>
<!--当点击相应按钮,执行相应操作,为按钮添加相应事件-->
<input type="button" value="改变颜色" onclick="set1()" >
<input type="button" value="改变宽高" onclick="set2()" >
<input type="button" value="隐藏内容" onclick="set3()" >
<input type="button" value="显示内容" onclick="set4()" >
<input type="button" value="取消设置" onclick="set5()" >
</form>
<script type="text/javascript">
var div = document.getElementById("txt");
//定义"改变颜色"的函数
function set1(){
div.style.color="blue";
}
//定义"改变宽高"的函数
function set2(){
div.style.height="500px";
div.style.width="200px";
}
//定义"隐藏内容"的函数
function set3(){
div.style.display="none";
}
//定义"显示内容"的函数
function set4(){
div.style.display="block";
}
//定义"取消设置"的函数
function set5(){
var mymessage=confirm("是否取消设置?")
if(mymessage==true){
div.removeAttribute("style");
}
}
</script>
设置宽高要加单位像素:px 最后的移除要有对象
JavaScript入门篇
739817 学习 · 9566 问题
相似问题