我們只有通過(guò)DOM節(jié)點(diǎn)，才能對(duì)HTML文檔進(jìn)行操作性訪問(wèn)，而且注意：所有 HTML 元素被定義為對(duì)象。所有JS操作都要基于DOM節(jié)點(diǎn)，獲取操作對(duì)象。
對(duì)HTML的DOM操作都是在JS中執(zhí)行的
我們可以通過(guò)HTML的對(duì)象document去直接調(diào)用DOM方法，也可以用HTML的節(jié)點(diǎn)對(duì)象去調(diào)用DOM的方法。
操作：可以對(duì)HTML元素和內(nèi)容 ?或 ?CSS樣式 ?或 ?事件 ?進(jìn)行增刪改查
HTML文檔中所有內(nèi)容都是節(jié)點(diǎn)DOM，所以訪問(wèn) HTML 元素等同于訪問(wèn)節(jié)點(diǎn)
整個(gè)文檔是一個(gè)文檔節(jié)點(diǎn)
每個(gè) HTML 元素是元素節(jié)點(diǎn)
HTML 元素內(nèi)的文本是文本節(jié)點(diǎn)
每個(gè) HTML 屬性是屬性節(jié)點(diǎn)
注釋是注釋節(jié)點(diǎn)
我們只按父子關(guān)系分析HTML文檔
例如：HTML中有兩個(gè)子節(jié)點(diǎn) ?<head>和<body>,,,,在body里面的節(jié)點(diǎn)則屬于body的子節(jié)點(diǎn)，head同理，也就是說(shuō)，文本中只含有父子關(guān)系。
我們JS要執(zhí)行的方法等都是通過(guò)DOM節(jié)點(diǎn)找到處理的
所有 HTML 元素被定義為對(duì)象，而編程接口則是對(duì)象方法和對(duì)象屬性。
方法是您能夠執(zhí)行的動(dòng)作（比如添加或修改元素）。
屬性是您能夠獲取或設(shè)置的值（比如節(jié)點(diǎn)的名稱(chēng)或內(nèi)容）。
訪問(wèn)方式：一定要注意到此處
我們要注意到一點(diǎn)，就是不管是CSS還是HTML文檔，都有三個(gè)名字（tagName、id、className），我們通過(guò)這三個(gè)名字都可以訪問(wèn)到對(duì)象，只是訪問(wèn)方式不一樣罷了。。。所以我們定義每一個(gè)CSS或者HTML節(jié)點(diǎn)都要給個(gè)標(biāo)示（id、class或者本身標(biāo)簽名字）
DOM事件：
當(dāng)用戶點(diǎn)擊鼠標(biāo)時(shí)
當(dāng)網(wǎng)頁(yè)已加載時(shí)
當(dāng)圖片已加載時(shí)
當(dāng)鼠標(biāo)移動(dòng)到元素上時(shí)
當(dāng)輸入字段被改變時(shí)
當(dāng) HTML 表單被提交時(shí)
當(dāng)用戶觸發(fā)按鍵時(shí)
注意幾點(diǎn)：
1、getElementsByTagName() 方法返回節(jié)點(diǎn)列表。節(jié)點(diǎn)列表是一個(gè)從0開(kāi)始的節(jié)點(diǎn)數(shù)組。
2、在文檔中我們可以獲取 第一個(gè) 或者是 最后一個(gè) 節(jié)點(diǎn)
document.write(document.cookie);//返回文檔中的所有cookies的名稱(chēng)/值對(duì)
document.write(document.domain);//返回加載的文檔的服務(wù)器域名
document.write(document.lastModified);//返回文檔的最后一次修改時(shí)間
document.write(document.referrer);//返回加載的當(dāng)前文檔的URL
function createDoc(){
var doc=document.open("text/html","replace");
var txt="學(xué)習(xí) HTML DOM 很有趣!";
doc.write(txt);
doc.close();
}
所有DOM功能：http://www.runoob.com/htmldom/htmldom-examples.html
前端開(kāi)發(fā)的幾個(gè)對(duì)象：JavaScript對(duì)象、Browser對(duì)象、HTML對(duì)象
