                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript入門篇

比較笨的方法，供參考

<!DOCTYPE?html>
<html>
<head>
	<meta?http-equiv="content-type"?content="text/html;charset=utf-8"?/>
	<title>JS編程總結(jié)練習</title>
	<style?type="text/css">
		p{
			color:yellow;
			background-color:?#ccc;
			width:500px;
			height:300px;
			border:1px?solid?black;
			}
	</style>
</head>
<body>
	<p?id="id01"?class="cl01">
	看灰色的天,慢慢向身后在傾斜,我沒有終點,也許是愛旅途的感覺,自由明顯,為何快樂那么隱約,喧囂的邊緣,為何沒發(fā)現(xiàn)那條孤獨的界線,打在臉上的雨點模糊了視線,我多像飄在風中的落葉,我看見到處都是空白的世界,誰的臉都只是冷漠的風景線,我不知道幸福在哪一邊,也許我要的愛只是一瞬間.</p>
	<script?type="text/javascript">
		function?ch_color(){
			var?ch01=document.getElementById("id01");
			ch01.style.color="red";
			ch01.style.backgroundColor="pink";
		}
		function?ch_width_height(){
			var?ch02=document.getElementById("id01");
			ch02.style.width="1000px";
			ch02.style.height="150px";
		}
		function?ch_display_off(){
			var?ch03=document.getElementById("id01");
			ch03.style.display="none";
		}
		function?ch_display_on(){
			var?ch04=document.getElementById("id01");
			ch04.style.display="block";
		}
		function?ch_all(){
			var?mes=confirm("確認取消所有設置？");
			if(mes)
			{
				var?reset_cfg=document.getElementById("id01");
				reset_cfg.style.color="yellow";
				reset_cfg.style.width="500px";
				reset_cfg.style.height="300px";
			}
		}
	</script>
	<form>
		<input?type="button"?name="改變顏色"?value="改變顏色"?onclick="ch_color()"?/>
		<input?type="button"?name="改變寬高"?value="改變寬高"?onclick="ch_width_height()"?/>
		<input?type="button"?name="隱藏內(nèi)容"?value="隱藏內(nèi)容"?onclick="ch_display_off()"?/>
		<input?type="button"?name="顯示內(nèi)容"?value="顯示內(nèi)容"?onclick="ch_display_on()"?/>
		<input?type="button"?name="取消設置"?value="取消設置"?onclick="ch_all()"?/>
	</form>
</body>
</html>