? <form>
? <!--當點擊相應按鈕，執行相應操作，為按鈕添加相應事件-->
??? <input type="button" value="改變顏色" onclick="love1()">?
??? <input type="button" value="改變寬高" onclick="love2()">
??? <input type="button" value="隱藏內容" onclick="love3()">
??? <input type="button" value="顯示內容" onclick="love4()">
??? <input type="button" value="取消設置" onclick="love5()">
? </form>
? <script type="text/javascript">
var chaer=document.getElementById('txt');
//定義"改變顏色"的函數
function love1()
{
? chaer.style.color="red";
? chaer.style.backgroundColor="#ccc";
}
//定義"改變寬高"的函數
function love2()
{
? chaer.style.width="350px";
? chaer.style.height="350px";
}

//定義"隱藏內容"的函數
function love3()
{
? chaer.style.display="none";
}

//定義"顯示內容"的函數
function love4()
{
? chaer.style.display="block";
}

//定義"取消設置"的函數
function love5()
var yss=confirm("確定取消所有設置？");
if (yss==true) {
? chaer.removeAttribute('style');
}

? </script>
</body>
</html>