<form>

? <!--當點擊相應按鈕，執行相應操作，為按鈕添加相應事件-->

? ? <input type="button" value="改變顏色" onclick="col()" > ?

? ? <input type="button" value="改變寬高" onclick="wh()" ?>

? ? <input type="button" value="隱藏內容" onclick="hi()" ?>

? ? <input type="button" value="顯示內容" onclick="sh()" ?>

? ? <input type="button" value="取消設置" onclick="qx()" ?>

? </form>

? <script type="text/javascript">

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

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

function col(){

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

? ? t.style.backgroundColor="#ccc";

}

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

function wh(){

? ? t.style.width="red";

? ? t.style.height="#ccc";

}

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

function hi(){

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

}

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

function sh(){

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

}

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

function qx(){

? ? var con=confirm("確定取消嗎？");

? ? if(con==true){

? ? ? ? t.removeattribute('style');

? ? }

}

? </script>

這個你看看筆記 都有人貼代碼的 不知道的可以多看看他們怎么寫的

重置所有樣式可用removeAttribute('style')

清除寫在標簽內的`style`屬性中的樣式或者后續由js等添加上的樣式，而不會清除css的內部樣式和外部樣式表

文字設為黑色black，背景設為白色white，隱藏屬性設為顯示block，寬度高度

我只是把顏色設成黑色，寬度也變回去了