答案：有問題歡迎指出
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" Content="text/html; charset=utf-8" />
<title>javascript</title>
<style type="text/css">
body{font-size:12px;}
#txt{
? ? height:400px;
? ? width:600px;
border:#333 solid 1px;
padding:5px;}
p{
line-height:18px;
text-indent:2em;}
</style>
</head>
<body>
? <h2 id="con">JavaScript課程</H2>
? <div id="txt">
? ? ?<h5>JavaScript為網頁添加動態效果并實現與用戶交互的功能。</h5>
? ? ? ? <p>1. JavaScript入門篇，讓不懂JS的你，快速了解JS。</p>
? ? ? ? <p>2. JavaScript進階篇，讓你掌握JS的基礎語法、函數、數組、事件、內置對象、BOM瀏覽器、DOM操作。</p>
? ? ? ? <p>3. 學完以上兩門基礎課后，在深入學習JavaScript的變量作用域、事件、對象、運動、cookie、正則表達式、ajax等課程。</p>
? </div>
? <form>
? <!--當點擊相應按鈕，執行相應操作，為按鈕添加相應事件-->
? ? <input type="button" value="改變顏色" >
? ? <input type="button" value="改變寬高" >
? ? <input type="button" value="隱藏內容" >
? ? <input type="button" value="顯示內容" >
? ? <input type="button" value="取消設置" >
? </form>
? <script type="text/javascript">
//定義"改變顏色"的函數
var col = document.getElementsByTagName('input')[0];
col.onclick = function(){
col.style.color = 'red';
col.style.background = 'pink';}
//定義"改變寬高"的函數
var colo = document.getElementsByTagName('input')[1];
colo.onclick = function(){
colo.style.width = '20px';
colo.style.height = '20px';}
//定義"隱藏內容"的函數
var no = document.getElementsByTagName('input')[2];
no.onclick = function(){
no.style.display = 'none';}
//定義"顯示內容"的函數
var va = document.getElementsByTagName('input')[3];
va.onclick = function(){
va.style.display = 'block';}
//定義"取消設置"的函數
var fi = document.getElementsByTagName('input')[4];
fi.onclick = function(){
? ? var massare = confirm('是否取消')
? ? if(massare==true){
? ? ? //如果不是在慕課網上驗證，就是這些代碼是單獨的一個界面可以用 :? ? window.location.reload();來回復默認設置
? ? ? col.style.color = 'black';
? ? ? col.style.background = '';
? ? ? colo.style.width = '';
? ? ? colo.style.height = '';
? ? ? no.style.display = '';
? ? ? va.style.display = 'inline';
? ? }
}
? </script>
</body>
2019-01-23
沒有函數function也沒有給按鈕添加事件啊