亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

有沒有人想過在”取消設置“函數中用className重新設置樣式,可是運行不出來。。。求助

為什么我在取消設置函數用className的方法重新設置樣式為啥不行?

<!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;}
.one{
?background-color:#FFFFFF;
?color:#000000;
?width:400px;
?height:600px;}
</style>
</head>
<body>
??<h2?id="con">JavaScript課程</H2>
??<div?id="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="setcolor()">??
????<input?type="button"?value="改變寬高"?onClick="setheight()">
????<input?type="button"?value="隱藏內容"?onClick="sethidden()">
????<input?type="button"?value="顯示內容"?onClick="setblock()">
????<input?type="button"?value="取消設置"?onClick="noreset()">
??</form>
??<script?type="text/javascript">
//定義"改變顏色"的函數
???function?setcolor(){
???????document.getElementById('txt').style.color="red";
document.getElementById('txt').style.backgroundColor="green";
???}

//定義"改變寬高"的函數
???function?setheight(){
???????document.getElementById('txt').style.width="300px";
???????document.getElementById('txt').style.height="500px";
???}

//定義"隱藏內容"的函數
????function?sethidden(){
????????document.getElementById('txt').style.display="none";
????}

//定義"顯示內容"的函數
????function?setblock(){
????????document.getElementById('txt').style.display="block";
????}

//定義"取消設置"的函數
????function?noreset(){
????????if(confirm("真的要取消設置?")){
		document.getElementById('txt').className="one";
????????}
????????else{
????????????document.write("還是你自己的設置!");
????????}
????}
??</script>
</body>
</html>


正在回答

1 回答

document.getElementById('txt').addClass?=?"one"


0 回復 有任何疑惑可以回復我~
#1

慕碼人3910529 提問者

還是沒有反應
2015-10-05 回復 有任何疑惑可以回復我~
#2

Y_du 回復 慕碼人3910529 提問者

可以的,document.getElementById('txt').className="one"; 你看不出效果是因為你的背景本來就是白色,現在你又設置成白色。所以看不出反應,你把背景顏色換一下試試。不好意思,document.getElementById('txt').addClass = "one"這個是我寫錯了。用你的document.getElementById('txt').className="one";可以的。
2015-10-05 回復 有任何疑惑可以回復我~
#3

慕碼人3910529 提問者 回復 Y_du

謝謝啊。在瀏覽器中最先點擊"取消設置"函數是可以運行這個函數的。但是如果你先點擊了“改變顏色”“改變寬高”這些函數后再點擊“取消設置”函數就沒反應了,不知道問題出在哪?
2015-10-05 回復 有任何疑惑可以回復我~
#4

Y_du 回復 慕碼人3910529 提問者

這個是因為樣式的優先級關系導致的,你先點擊了“改變顏色”“改變寬高”這些函數后設置的樣式是內聯樣式,優先級最高。而你點擊取消設置設置的樣式是外聯樣式,這樣的樣式低于內聯樣式。所以不能被覆蓋,如果你想達到你想要的效果,就必須全做成外聯的。
2015-10-05 回復 有任何疑惑可以回復我~
#5

慕碼人3910529 提問者 回復 Y_du

謝謝了,原來問題出在細節了~
2015-10-05 回復 有任何疑惑可以回復我~
#6

慕碼人3910529 提問者

非常感謝!
2015-10-06 回復 有任何疑惑可以回復我~
#7

sprnate 回復 慕碼人3910529 提問者

同樣的疑問-_-|||
2015-10-06 回復 有任何疑惑可以回復我~
#8

sprnate 回復 Y_du

理解了!感謝
2015-10-06 回復 有任何疑惑可以回復我~
查看5條回復

舉報

0/150
提交
取消
JavaScript入門篇
  • 參與學習       741364    人
  • 解答問題       9868    個

JavaScript做為一名Web工程師的必備技術,本教程讓您快速入門

進入課程

有沒有人想過在”取消設置“函數中用className重新設置樣式,可是運行不出來。。。求助

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號