為什么只有顏色和取消可以》
? <form>
? <!--當點擊相應按鈕，執行相應操作，為按鈕添加相應事件-->
? ? <input type="button" value="改變顏色" onclick="changeColor()"> ?
? ? <input type="button" value="改變寬高" onclick="changeS()">
? ? <input type="button" value="隱藏內容"
? ? onclick="objHide()">
? ? <input type="button" value="顯示內容"
? ? onclick="objShow()">
? ? <input type="button" value="取消設置"
? ? onclick="offSet()">
? </form>
? <script type="text/javascript">
? ?var txt=document.getElementById("txt");{
function changeColor(){
//定義"改變顏色"的函數
txt.style.color="red";
txt.style.backgroundColor="green";}
//定義"改變寬高"的函數
function changeS(){
txt.style.height="400px";
txt.style.width="600px";}
//定義"隱藏內容"的函數
function objHide()
{
?txt.style.display="block";
?txt.style.display="none";
}
//定義"顯示內容"的函數
? function offSet(){
? ? txt.removeAttribute('style')
}
//定義"取消設置"的函數
}
2016-01-08
1、改變寬高函數：窗口本來大小就是400px高 600px寬，你函數中沒有變化，自然沒有反應。
2、顯示函數：沒有定義，自然沒有顯示。顯示函數中寫了2條display
2016-01-07
objShow()哪去了，沒定義這個函數呀。
changeS()里設置的寬高和原本的CSS的寬高一樣，當然看不出變化。
objHide()里又要隱藏又有顯示，是要干嘛。
取節點的語句后面為何還有花括號，沒必要呀。
修改后的JS你看看，有什么不懂再提出來
????var?txt?=?document.getElementById("txt"); ????function?changeColor()?{ //定義"改變顏色"的函數 ????????txt.style.color?=?"red"; ????????txt.style.backgroundColor?=?"green"; ????} ????//定義"改變寬高"的函數 ????function?changeS()?{ ????????txt.style.height?=?"600px"; ????????txt.style.width?=?"400px"; ????} ????//定義"隱藏內容"的函數 ????function?objHide()?{ ????????txt.style.display?=?"none"; ????} ????//定義"顯示內容"的函數 ????function?objShow()?{ ????????txt.style.display?=?"block"; ????} ????//定義"取消設置"的函數 ????function?offSet()?{ ????????txt.removeAttribute('style') ????}