问答详情
源自:4-1 编程挑战

最后一项"取消设置"不会啊

其他的项目都明白也都理解了,这个confirm()我也知道什么意思,但是任务中说是要恢复原始值,意思就是把点击下面的那些按钮后的效果,再恢复到原始的样式是吗?这样的话该怎么写?前面的confirm()的教程只是让确认啊,没教过恢复原始样式的那些吧?求大神,请看我的第27行代码,该怎么写才能把点击后的样式恢复到原始样式?

<html>
<head>
<script>
function aa()
{
	var a=document.getElementById("demo1");
	a.style.color="white";
	a.style.backgroundColor="orange";
	a.style.width="150";
}
function bb()
{
	var b=document.getElementById("demo2");
	b.style.width="500";
	b.style.height="300";
}
function cc()
{
	var c=document.getElementById("demo2");
	c.style.display="none";
}
function dd()
{
	var d=document.getElementById("demo2");
	d.style.display="block";
}
function ee()
{
	var e=confirm("是否取消设置?");
	if (e==true)
	{
		document.write("取消");
	}
	else
	{
		alert("不取消");
	}
}

</script>
<style type="text/css">
body {font-size:12px;}
#demo2
{
	border:1px solid #000;
	width:600px;
	height:400px;
	padding:5px;
}
p
{
	text-indent:2em;
	ling-height:15px;
}
</style>
</head>

<body>
<h2 id="demo1">javascript课程</h2>
<div id="demo2">
<h5>javascriptJavaScript为网页添加动态效果并实现与用户交互的功能。</h5>
  <p>1. JavaScript入门篇,让不懂JS的你,快速了解JS。</p>
  <p>2. JavaScript进阶篇,让你掌握JS的基础语法、函数、数组、事件、内置对象、BOM浏览器、DOM操作。</p>
  <p>3. 学完以上两门基础课后,在深入学习JavaScript的变量作用域、事件、对象、运动、cookie、正则表达式、ajax等课程。</p>
</div>
<form>
  <input type="button" value="改变颜色" onclick="aa()">
  <input type="button" value="改变宽高" onclick="bb()">
  <input type="button" value="隐藏内容" onclick="cc()">
  <input type="button" value="显示内容" onclick="dd()">
  <input type="button" value="取消设置" onclick="ee()">
</form>
</body>
</html>


提问者:小小单身 2016-07-27 20:04

个回答

  • 孫小傑
    2016-07-27 20:37:00
    已采纳

     document.write("取消"); 改为下面代码:

    a.style.cssText="";

    b.style.cssText="";

    c.style.cssText="";

    d.style.cssText="";


    或者改为:

    a.removeAttribute("style");

    b.removeAttribute("style");

    c.removeAttribute("style");

    d.removeAttribute("style");


  • 牛逼haha
    2016-07-27 20:44:03

    use this, dude. hope you will do it.
                txtdom.removeAttribute("style");