?<form>
? <!--當點擊相應按鈕，執行相應操作，為按鈕添加相應事件-->
??? <input type="button" value="改變顏色" onClick=gb() >?
??? <input type="button" value="改變寬高" onClick=ab()>
??? <input type="button" value="隱藏內容" onClick=cb()>
??? <input type="button" value="顯示內容" onClick=db()? >
??? <input type="button" value="取消設置" onClick=fb( >
? </form>
? <script type="text/javascript">
? var one = document.getElenmentById("con");
?function gb(){
??? one.style.color="red";
??? one.style.backgroundColor ="blue"
? }
//定義"改變顏色"的函數
?? function ab(){
? one.style.width='300px';
? one.style.height ='400px';
? }

//定義"改變寬高"的函數
?? function cb(){
?? one.style.display="none";
?? }
//定義"隱藏內容"的函數
? function db(){
? one.style.display="block";
? }
//定義"顯示內容"的函數
function fb(){
?var two = confirm('是否確定')
??? if(two=true){
???? two.style.display="block";
??? }
??
//定義"取消設置"的函數
?? }
? </script>