----------------本篇總結是基於菜鳥教程帶給我的知識----------------------
首先我們要知道JS在HTML DOM中能夠做的事情：
-
改變頁面中的所有 HTML 元素
-
改變頁面中的所有 HTML 屬性
-
改變頁面中的所有 CSS 樣式
-
對頁面中的所有事件做出反應
知道功能之後，我們要知道怎麼使用它們：
1.改變頁面中的所有 HTML 元素
要想改變其中的元素，首先要知道如何找到這些元素，分爲三種情況，其實和css差不多：
-
1.通過 id 找到 HTML 元素
-
var x=document.getElementById("intro");
-
//intro就是要找的id名稱；
-
2.通過標籤名找到 HTML 元素
-
var x=document.getElementById("main");//跟上一步一樣，區別就是繼續往裏尋找了；
-
var y=x.getElementsByTagName("p");
-
3.通過類名找到 HTML 元素
-
var x=document.getElementsByClassName("intro");
-
//就跟css一樣，用定義class類名來鎖定目標；
找到；定位之後，想要改變HTML內容，只需要一個innerHTML:
document.getElementById(id).innerHTML=新的 HTML
JS表示我能改變的不只是內容，還有屬性（雖然很少用）：
document.getElementById(id).attribute=新屬性值
難道這就結束了嗎？我治得了HTML，治不了CSS？當然可以，我還能改變樣式！
document.getElementById(id).style.property=新樣式
這個可以用例子說明：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
</head>
<body>
<p id="p1">Hello World!</p>
<p id="p2">Hello World!</p>
<script>
document.getElementById("p2").style.color="blue";
document.getElementById("p2").style.fontFamily="Arial";
document.getElementById("p2").style.fontSize="larger";
</script>
<p>以上段落通過腳本修改。</p>
</body>
</html>
好的，接下來！就到了DOM的靈魂了！觸發事件！
當用戶點擊鼠標時，當網頁已加載時，當圖像已加載時，當鼠標移動到元素上時，當輸入字段被改變時，當提交 HTML 表單時，當用戶觸發按鍵時.......很多這種事件都是由JS來完成的。
1.簡單的，當用戶在 <h1> 元素上點擊時，會改變其內容：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
</head>
<head>
<script>
function changetext(id){
id.innerHTML="Ooops!";
}
</script>
</head>
<body>
<h1 onclick="changetext(this)">點擊文本!</h1> // onclick就是一個觸發事件
</body>
</html>
2.接下來是一堆工具：
onchange:就是可以用來調用函數，不過它常用作對輸入字段的驗證；
onmouseover：敲黑板！重點！οnmοuseοver="mOver(this)" 等價於鼠標一上去時調用mOver函數
onmouseout：重點！TOO! οnmοuseοut="mOut(this)" 等價於鼠標一移走，就調用mOut函數;
好累，先總結到這，下午繼續學習！