為什么取消設(shè)置，只能取消一種設(shè)置，即使所有設(shè)置的變量都一致
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<script type="text/javascript">
function changecolor(){
var mychar=document.getElementById("da");
mychar.style.color="blue";
var mychar=document.getElementById("first").style.color="blue";
}
function changesize(){
var mychar=document.getElementById("con");
mychar.style.width="100px";
mychar.style.height="1000px";
}
function show(){
var mychar=document.getElementById("a1");
mychar.style.display="block";
}
function notshow(){
var mychar=document.getElementById("a1");
mychar.style.display="none";
}
function popup(){
var message=confirm("確定取消所有設(shè)置嗎？");
var mychar=document.getElementById("da");
if(message==true){
mychar.removeAttribute("style");}
else{
document.write("重置失敗");}
}
/*function popup(){
if(confirm("確定取消所有設(shè)置嗎？"))
{ var ba=document.getElementById("da");
ba.style.cssText='null';
}
}*/
</script>
<style type="text/css">
#con{
border:1px solid black;
height:400px;
width:400px;
}
#first{
color:green;
font-weight:bold;
}
</style>
</head>
<body>
<div id="da">
<h1 id="a1" >JavaScript課程</h1>
<div id ="con">
<p id="first"> JavaScript為網(wǎng)頁(yè)添加動(dòng)態(tài)效果并實(shí)現(xiàn)與用戶交互的功能。</p>
<ol ?>
<li> JavaScript入門(mén)篇，讓不懂JS的你，快速了解JS。
</li>
<li>JavaScript進(jìn)階篇，讓你掌握J(rèn)S的基礎(chǔ)語(yǔ)法、函數(shù)、數(shù)組、事件、內(nèi)置對(duì)象、BOM瀏覽器、DOM操作。
</li>
<li>學(xué)完以上兩門(mén)基礎(chǔ)課后，在深入學(xué)習(xí)JavaScript的變量作
用域、事件、對(duì)象、運(yùn)動(dòng)、cookie、正則表達(dá)式、ajax等課程。
</li>
</ol>
</div>
</div>
<form>
<input type="button" value="改變顏色" onclick="changecolor()"/>
<input type="button" value="改變大小" onclick="changesize()"/>
<input type="button" value="顯示內(nèi)容" onclick="show()"/>
<input type="button" value="隱藏內(nèi)容" onclick="notshow()"/>
<input type="button" value="重置設(shè)置" onclick="popup()"/>
</form>
</body>
</html>
2016-08-25
因?yàn)槟阃ㄟ^(guò)document.getElementById("da")， 只是操作了這個(gè)id為"da"的div，和其他沒(méi)有關(guān)聯(lián)