<form> ??<!--當點擊相應按鈕，執行相應操作，為按鈕添加相應事件--> ????<input?type="button"?value="改變顏色"?onclick="col()"/>?? ????<input?type="button"?value="改變寬高"?onclick="wihi()"/> ????<input?type="button"?value="隱藏內容"?onclick="hide()"/> ????<input?type="button"?value="顯示內容"?onclick="block()"/> ????<input?type="button"?value="取消設置"?onclick="reset()"/> ??</form> ??<script?type="text/javascript"> //定義"改變顏色"的函數 var?mychar=document.getElementById("txt"); function?col(){???? ????mychar.style.color="red"; ????mychar.style.backgroundColor="#ccc"; } //定義"改變寬高"的函數 function?wihi(){ ????mychar.style.width="300px"; ????mychar.style.height="200px"; } //定義"隱藏內容"的函數 function?hide(){ ????mychar.style.display="none"; } //定義"顯示內容"的函數 function?block(){ ????mychar.style.display="block"; } //定義"取消設置"的函數 function?reset(){ ????var?str=confirm("重置樣式設置嗎？")； ????if(str==true){ ????????mychar.removeAttribute('style'); ????}???? }