為什么取消設置，只能取消一種設置，即使所有設置的變量都一致
<!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("確定取消所有設置嗎？");
var mychar=document.getElementById("da");
if(message==true){
mychar.removeAttribute("style");}
else{
document.write("重置失敗");}
}
/*function popup(){
if(confirm("確定取消所有設置嗎？"))
{ 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為網頁添加動態效果并實現與用戶交互的功能。</p>
<ol ?>
<li> JavaScript入門篇，讓不懂JS的你，快速了解JS。
</li>
<li>JavaScript進階篇，讓你掌握JS的基礎語法、函數、數組、事件、內置對象、BOM瀏覽器、DOM操作。
</li>
<li>學完以上兩門基礎課后，在深入學習JavaScript的變量作
用域、事件、對象、運動、cookie、正則表達式、ajax等課程。
</li>
</ol>
</div>
</div>
<form>
<input type="button" value="改變顏色" onclick="changecolor()"/>
<input type="button" value="改變大小" onclick="changesize()"/>
<input type="button" value="顯示內容" onclick="show()"/>
<input type="button" value="隱藏內容" onclick="notshow()"/>
<input type="button" value="重置設置" onclick="popup()"/>
</form>
</body>
</html>
2016-08-25
因為你通過document.getElementById("da")， 只是操作了這個id為"da"的div，和其他沒有關聯