最后一項(xiàng)"取消設(shè)置"不會(huì)啊
其他的項(xiàng)目都明白也都理解了,這個(gè)confirm()我也知道什么意思,但是任務(wù)中說是要恢復(fù)原始值,意思就是把點(diǎn)擊下面的那些按鈕后的效果,再恢復(fù)到原始的樣式是嗎?這樣的話該怎么寫?前面的confirm()的教程只是讓確認(rèn)啊,沒教過恢復(fù)原始樣式的那些吧?求大神,請(qǐng)看我的第27行代碼,該怎么寫才能把點(diǎn)擊后的樣式恢復(fù)到原始樣式?
<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("是否取消設(shè)置?"); 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為網(wǎng)頁添加動(dòng)態(tài)效果并實(shí)現(xiàn)與用戶交互的功能。</h5> ??<p>1.?JavaScript入門篇,讓不懂JS的你,快速了解JS。</p> ??<p>2.?JavaScript進(jìn)階篇,讓你掌握J(rèn)S的基礎(chǔ)語法、函數(shù)、數(shù)組、事件、內(nèi)置對(duì)象、BOM瀏覽器、DOM操作。</p> ??<p>3.?學(xué)完以上兩門基礎(chǔ)課后,在深入學(xué)習(xí)JavaScript的變量作用域、事件、對(duì)象、運(yùn)動(dòng)、cookie、正則表達(dá)式、ajax等課程。</p> </div> <form> ??<input?type="button"?value="改變顏色"?onclick="aa()"> ??<input?type="button"?value="改變寬高"?onclick="bb()"> ??<input?type="button"?value="隱藏內(nèi)容"?onclick="cc()"> ??<input?type="button"?value="顯示內(nèi)容"?onclick="dd()"> ??<input?type="button"?value="取消設(shè)置"?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");
???????