一锰悼、獲取DOM（事件源）的三種方式
var oDiv1 = document.getElementById("box1");
var oDiv2 = document.getElementByTagName("div")[0];
var oDiv3 = document.getElementByClassName("box")[0];
步驟如下：
1）獲取事件源：document.getElementById("box");
2）綁定事件：事件源box锌介，事件onclick和function（）{事件驅(qū)動(dòng)程序}
3）書寫事件驅(qū)動(dòng)程序：關(guān)于DOM的操作
二憋飞、綁定事件的方式
直接綁定匿名函數(shù)
(1)直接綁定匿名函數(shù)
var oDiv = document.getElementById("box");
oDiv.onclick = function(){
? ? ? alter("");
}
(2)先定義函數(shù)稍走，再綁定
var oDiv = document.getElementById("box");
oDiv.onclick =fn;
function fn(){alert("")}
(3)行內(nèi)綁定
<div id="box" onclick="fn()"></div>
<script>
function fn(){alert("")}
</script>
三、JavaScript入門函數(shù)window.onload()
此函數(shù)調(diào)用沛贪，是當(dāng)頁面加載完畢（文檔和圖片的時(shí)候）褒墨，觸發(fā)的onload()函數(shù)，文檔先加載橘原，圖片資源后加載籍铁。
<script>
window.onload = function(){
console.log("alex");
}
</script>
四、樣式屬性操作
步驟：
1）獲取事件源
2）事件
3）事件驅(qū)動(dòng)程序
<div id='box'></div>
<script>
? window.onload = function(){
? var oDiv = document.getElementById("box");
? oDiv.onclick = function(){
? ? ? ? oDiv.style.backgroundColor="yellow";
? }
? }
</script>
五趾断、值的操作
雙閉合標(biāo)簽：<innerText></innerText>
單閉合標(biāo)簽：img拒名、input
節(jié)點(diǎn)操作
創(chuàng)建節(jié)點(diǎn):
var a1 = document.createElement("li");
插入節(jié)點(diǎn)：
父節(jié)點(diǎn).appendChild(新的子節(jié)點(diǎn))
解釋：父節(jié)點(diǎn)的最后插入一個(gè)新的子節(jié)點(diǎn)
父節(jié)點(diǎn).insertBefore("新的子節(jié)點(diǎn)，作為參考的子節(jié)點(diǎn)")
解釋：在參考點(diǎn)前插入一個(gè)新的節(jié)點(diǎn)
如果參考點(diǎn)為null芋酌，那么它將在父節(jié)點(diǎn)最后插入一個(gè)子節(jié)點(diǎn)
刪除節(jié)點(diǎn)：
父節(jié)點(diǎn).removeChild(子節(jié)點(diǎn)）
解釋：用父節(jié)點(diǎn)刪除子節(jié)點(diǎn)增显。必須指定是刪除哪個(gè)字節(jié)點(diǎn)
刪除自己節(jié)點(diǎn)
解釋：node1.parentNode.removeChild(node1);
