? <form>? <!--當點擊相應按鈕，執行相應操作，為按鈕添加相應事件-->? ? <input type="button" value="改變顏色" onclick="changecolor()" > ?? ? <input type="button" value="改變寬高" onclick="changewh()" >? ? <input type="button" value="隱藏內容" onclick="hidetext()" >? ? <input type="button" value="顯示內容" onclick="showtext()" >? ? <input type="button" value="取消設置" ?onclick="res()">? </form>? <script type="text/javascript">//定義"改變顏色"的函數function changecolor(){? ? var demo1=document.getElementById("text");? ? demo1.style.color="green";? ? demo1.style.backgroundColor="blue";}//定義"改變寬高"的函數function changewh(){? ? var demo2=document.getElementById("text");? ? demo2.style.width="200px";? ? demo2.style.height="300px";}//定義"隱藏內容"的函數function hiddentext(){? ?var demo3=document.getElementById("text");? ?demo3.style.display="none";}//定義"顯示內容"的函數function showtext(){? ? var demo4=document.getElementById("text").style.display="block";}//定義"取消設置"的函數function res(){? ? var demo5=confirm("是否取消設置？");? ? if(demo5==true){? ? ? ? text.style('');? ? }}