className和DOM修改事件屬性為什么不可行。
<!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,
????.txtclass?{
????????height:?400px;
????????width:?600px;
????????border:?#333?solid?1px;
????????padding:?5px;
????}
????
????p?{
????????line-height:?18px;
????????text-indent:?2em;
????}
????</style>
</head>
<body?class="bodyclass"?onload="GiveEvent()">
????<h2?id="con">JavaScript課程</H2>
????<div?id="txt"?class="txtclass">
????????<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="改變顏色"?id="btnColor"?onclick="ChangeColor('')"?/>
????????<input?type="button"?value="改變寬高"?onclick="ChangeDimension('txt')"?/>
????????<input?type="button"?value="隱藏內容"?onclick="HideObj('txt')"?/>
????????<input?type="button"?value="顯示內容"?onclick="ShowObj('txt')"?/>
????????<input?type="button"?value="取消設置"?onclick="ResetStyle('txt')"?/>
????</form>
????<script?type="text/javascript">
????var?myObj;
????//賦予事件屬性
????function?GiveEvent()?{
????????document.getElementById("btnColor").onclick?=?"ChangeColor('txt')";
????}
????//定義"改變顏色"的函數
????function?ChangeColor(strID)?{
????????myObj?=?document.getElementById(strID);
????????if?(myObj?==?null)?{
????????????alert("null");
????????????return;
????????}
????????myObj.style.color?=?"red";
????????myObj.style.backgroundColor?=?"#ccc";
????}
????//定義"改變寬高"的函數
????function?ChangeDimension(strID)?{
????????myObj?=?document.getElementById(strID);
????????if?(myObj?==?null)?return
????????myObj.style.width?=?"100px";
????????myObj.style.height?=?"100px";
????}
????//定義"隱藏內容"的函數
????function?HideObj(strID)?{
????????myObj?=?document.getElementById(strID);
????????if?(myObj?==?null)?return
????????myObj.style.display?=?"none";
????}
????//定義"顯示內容"的函數
????function?ShowObj(strID)?{
????????myObj?=?document.getElementById(strID);
????????if?(myObj?==?null)?return
????????myObj.style.display?=?"block";
????}
????//定義"取消設置"的函數
????function?ResetStyle(strID)?{
????????myObj?=?document.getElementById(strID);
????????if?(myObj?==?null)?return
????????if?(confirm("是否取消設置")?==?false)?return
????????myObj.className?=?"txtclass";
????}
????</script>
</body>
</html>現在遇到兩個問題：
1.取消樣式，我想用className，但好像沒有實現；
2.想通過DOM來修改onclick事件，也沒有實現。
2015-08-12
問答里面有相同的問題，你自己找找，我回答過的