?<form>
? <!--當(dāng)點(diǎn)擊相應(yīng)按鈕，執(zhí)行相應(yīng)操作，為按鈕添加相應(yīng)事件-->
??? <input type="button" value="改變顏色" onclick="setColor()" > ?
??? <input type="button" value="改變寬高" onclick="setWh()" >
??? <input type="button" value="隱藏內(nèi)容" onclick="setHide()" >
??? <input type="button" value="顯示內(nèi)容" onclick="setDisplay()" >
??? <input type="button" value="取消設(shè)置" onclick="setReset()" >
? </form>
? <script type="text/javascript">
//定義"改變顏色"的函數(shù)
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("您確定將以上所有的設(shè)置恢復(fù)原始值？")
?? ?if(qx==true)
?? ?{
?? ??? ?txt.removeAttribute("style");
?? ?}
}
</script>