其他的项目都明白也都理解了,这个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>
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");
use this, dude. hope you will do it.
txtdom.removeAttribute("style");