?<form>
? <!--當點擊相應按鈕，執行相應操作，為按鈕添加相應事件-->
??? <input type="button" value="改變顏色" onclick="setColor()" > ?
??? <input type="button" value="改變寬高" onclick="setWh()" >
??? <input type="button" value="隱藏內容" onclick="setHide()" >
??? <input type="button" value="顯示內容" onclick="setDisplay()" >
??? <input type="button" value="取消設置" onclick="setReset()" >
? </form>
? <script type="text/javascript">
//定義"改變顏色"的函數
function setColor()
{
?? ?var sc = document.getElementById("txt");
?? ?sc.style.color="red";
?? ?sc.style.backgroundColor="#ccc";
}
function setWh()
{
?? ?var sw = document.getElementById("txt");
?? ?sw.style.width="500px";
?? ?sw.style.height="600px";
}
function setHide()
{
?? ?var yc = document.getElementById("txt").style.display="none";
}
function setDisplay()
{
?? ?var xs = document.getElementById("txt").style.display="block";
}
function setReset()
{
?? ?var qx = confirm("您確定將以上所有的設置恢復原始值？")
?? ?if(qx==true)
?? ?{
?? ??? ?txt.removeAttribute("style");
?? ?}
}
</script>