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