? <input type="button" value="改變顏色" click="a()"> ?

? ? <input type="button" value="改變寬高" click="b()">

? ? <input type="button" value="隱藏內容" click="c()">

? ? <input type="button" value="顯示內容" click="d()">

? ? <input type="button" value="取消設置" click="e()">

? </form>

? <script type="text/javascript">

//定義"改變顏色"的函數

function a(){

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

? ? mychar.style.color="red";

? ? mychar.style.backgroundColor="#ccc";

}

//定義"改變寬高"的函數

function b(){

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

? ? mychar.style.width="200px";

? ? mychar.style.height="50px";

}

//定義"隱藏內容"的函數

function c(){

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

? ? mychar.style.display="none";

}

//定義"顯示內容"的函數

function d(){

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

? ? mychar.style.display="block";

}

//定義"取消設置"的函數

function e(){

? ? var mychar=confirm("是否 取消 設置 ？");

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

? ? if(mychar){

? ? ? ?txt.removeAttribute('style');

? ? }

}