                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript入門篇

重置的函數(shù)怎么才能實(shí)現(xiàn)效果？

<!DOCTYPE HTML>

<html>

<head>

<title>javascript</title>

body{font-size:12px;}

#txt,.set{

? ? 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">?

? ? ?<h5>JavaScript為網(wǎng)頁添加動(dòng)態(tài)效果并實(shí)現(xiàn)與用戶交互的功能。</h5>

? ? ? ? <p>1. JavaScript入門篇，讓不懂JS的你，快速了解JS。</p>

? ? ? ? <p>2. JavaScript進(jìn)階篇，讓你掌握J(rèn)S的基礎(chǔ)語法、函數(shù)、數(shù)組、事件、內(nèi)置對(duì)象、BOM瀏覽器、DOM操作。</p>

? ? ? ? <p>3. 學(xué)完以上兩門基礎(chǔ)課后，在深入學(xué)習(xí)JavaScript的變量作用域、事件、對(duì)象、運(yùn)動(dòng)、cookie、正則表達(dá)式、ajax等課程。</p>

? </div>

? <form>

?

? ? <input type="button" value="改變顏色" onclick="changeC();"> ?

? ? <input type="button" value="改變寬高" onclick="changeWH();">

? ? <input type="button" value="隱藏內(nèi)容" onclick="hideTxt();">

? ? <input type="button" value="顯示內(nèi)容" onclick="showTxt();">

? ? <input type="button" value="取消設(shè)置" onclick="Res();">

? </form>

? <script type="text/javascript">

//定義"改變顏色"的函數(shù)

function changeC(){

? ? var TXT =document.getElementById("txt");

? ? TXT.style.color = 'red';

? ? TXT.style.backgroundColor = 'yellow';

}

//定義"改變寬高"的函數(shù)

function changeWH(){

? ? var TXT =document.getElementById("txt");

? ? TXT.style.width = '300px';

? ? TXT.style.height = '500px';

}

//定義"隱藏內(nèi)容"的函數(shù)

function hideTxt(){

? ? var TXT = document.getElementById("txt");

? ? TXT.style.display ='none';

}

//定義"顯示內(nèi)容"的函數(shù)

function showTxt(){

? ? var TXT = document.getElementById("txt");

? ? TXT.style.display='block';

}

//定義"取消設(shè)置"的函數(shù)

function Res(){

? ? var TXT = document.getElementById("txt");

? ? TXT.className = "set";

}

? </script>

</body>

</html>

我不想重置的時(shí)候重新再寫寬，高，顏色的，所以我就想給id為txt添加一個(gè)類，但是就是實(shí)現(xiàn)不了效果，我猜想是權(quán)值的問題。還有一種想法就是直接?<input type="reset" value="取消設(shè)置" >，然而并沒有用，有哪位大神可以指點(diǎn)一下晚生我，萬分感激。