className不能夠覆蓋style的屬性嗎?
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?Content="text/html;?charset=utf-8"?/> <title>javascript</title> <style?type="text/css"> body{font-size:12px;} .txt{ ????height:400px; ????width:600px; ????border:#333?solid?1px; ????padding:5px;} .p{ ????line-height:18px; ????text-indent:2em;} </style> </head> <body> ????<h2?id="con">JavaScript課程</h2> ????<div?id="txt"?class="txt"> ????????<h5>JavaScript為網頁添加動態效果并實現與用戶交互的功能。</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="changeclr()"> ????????<input?type="button"?value="改變寬高"?onclick="changesz()"> ????????<input?type="button"?value="隱藏內容"?onclick="hide()"> ????????<input?type="button"?value="顯示內容"?onclick="show()"> ????????<input?type="button"?value="取消設置"?onclick="cancel()"> ????</form> ????<script?type="text/javascript"> ????????var?mychar?=?document.getElementById("txt"); ????????function?changeclr(){ ????????????mychar.style.color?=?prompt("請輸入文字顏色","red"); ????????????mychar.style.backgroundColor?=?prompt("請輸入背景顏色","yellow"); ????????}//定義"改變顏色"的函數 ????????function?changesz(){ ????????????mychar.style.width?=?prompt("請輸入寬度","600px"); ????????????mychar.style.height?=?prompt("請輸入高度","400px"); ????????}//定義"改變寬高"的函數 ????????function?hide(){ ????????????mychar.style.display?=?"none"; ????????}//定義"隱藏內容"的函數 ????????function?show(){ ????????????mychar.style.display?=?"block"; ????????}//定義"顯示內容"的函數 ????????function?cancel(){ ????????????if(confirm("確認恢復?")){ ????????????????mychar.className?=?"txt"; ????????????} ????????}//定義"取消設置"的函數 ????</script> </body> </html>
我的取消設置為什么不能起作用呢?是className不能夠覆蓋style的屬性嗎?應該怎么改?
2018-10-15
首先 讓你的任務是清除上面設置的樣式 可以了解一下removeAttribute() 這個方法,其次就是覆蓋的話有優先級問題,而且 你寫的 .txt樣式里面 沒有設置字體顏色 上面給這個類加了顏色了 你就是再把類名換過來也沒有效果,覆蓋的問題很多 還是用清除的方式比較好
2018-10-15
removeAttribute()? ?
好贊哈哈,學習了!謝謝老師!那個.txt樣式是練習題里給的沒仔細檢查。