最后一項"取消設置"不會啊
其他的項目都明白也都理解了,這個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
?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");
2016-07-27
use this, dude. hope you will do?it.
??????????? txtdom.removeAttribute("style");
???????