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

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

? ? <input type="button" value="隱藏內容" >

? ? <input type="button" value="顯示內容" >

? ? <input type="button" value="取消設置" onclick="reset()">

? </form>

? <script type="text/javascript">

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

?var well=document.getElementById("con")

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

function changecolor(){

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

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

}

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

function changelook(){

? ? mychar.style.width="800px"

? ? mychar.style.height="800px"

}

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

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

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

function reset(){

? ? var acb=confirm("sure?");

? ? if(acb==true){

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

? ? }else{

? ? ? ? alert("sansi");

? ? }

}