?<input type="button" value="改變顏色" onClick="changecolor()"> ?
??? <input type="button" value="改變寬高" onClick="changewh()">
??? <input type="button" value="隱藏內容"? onClick="hidetxt()">
??? <input type="button" value="顯示內容" onClick="showtxt()">
??? <input type="button" value="取消設置" onClick="shezhi()">
? </form>
? <script type="text/javascript">
//定義"改變顏色"的函數
function changecolor()
{
?? var mycolor= document.getElementById("txt");
??? mycolor.style.border-color="red";
??? mycolor.style.backgroundColor="blue";
}

//定義"改變寬高"的函數
function changewh()
{
??? var mywh=document.getElementById("txt");
??? mywh.style.width="400px";
??? mywh.style.height="200px";
}


//定義"隱藏內容"的函數
function hidetxt()
{
??? var myhide=document.getElementById("txt");
??? myhide.style.display="none";
?? ?
}
//定義"顯示內容"的函數
function showtxt()
{
??? var myshow=document.getElementById("txt");
??? myshow.style.display="block";
}

//定義"取消設置"的函數
function shezhi()
{
??? if(confirm("是否取消設置？"))
??? {
??????? var mychar=document.getElementById("txt");
??????? mychar.style.color="#000";
?????? mychar.style.backgroundColor="#fff";
????? mychar.style.width="600px";
????? mychar.style.height="400px";
????? mychar.style.display="block";
?????? ?
??? }
}
?? ?
? </script>
</body>
</html>