<script type="text/javascript">

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

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

? ? function changeColor(){

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

? ? }

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

? ? function changeWH(){

? ? ? ? txt.style.width = "300px";

? ? ? ? txt.style.height = "300px";

? ? }

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

? ? function hide(){

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

? ? }

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

? ? function show(){

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

? ? }

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

? ? function resetChange(){

? ? ? ? var a = confirm("是否還原？");

? ? ? ? if ( a==true ){

? ? ? ? ? ? txt.style.color = "#000";

? ? ? ? ? ? txt.style.width = "600px";

? ? ? ? ? ? txt.style.height = "400px";

? ? ? ? }

? ? }

</script>

function color(){

? ? ? ? var h2 = document.getElementById("con");

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

? ? ? ? h2.style.backgruondcolor = "#ccc";

? ? }