簡(jiǎn)介：基礎(chǔ)詳解篇是DOM探索系列課程的第一篇，詳細(xì)全面的介紹DOM的基礎(chǔ)知識(shí)。首先通過(guò)一個(gè)案例，讓您認(rèn)識(shí)DOM在實(shí)際開(kāi)發(fā)中是如何應(yīng)用的。了解如何判斷元素的節(jié)點(diǎn)類(lèi)型,掌握元素節(jié)點(diǎn)的繼承層次及各種元素節(jié)點(diǎn)的分類(lèi)和規(guī)則。為后續(xù)課程打下一個(gè)堅(jiān)實(shí)的基礎(chǔ)。
第1章 DOM熱身案例——滑動(dòng)門(mén)特效
通過(guò)一個(gè)案例，一方面讓大家回憶前面學(xué)過(guò)的JS和DOM基礎(chǔ)，另一方面讓大家感性認(rèn)識(shí)DOM操作。
第2章 認(rèn)識(shí)DOM
介紹什么是DOM，為什么使用DOM，DOM級(jí)別以及Web瀏覽器對(duì)DOM的支持。
詳細(xì)介紹HTML與XML兩種文檔的類(lèi)型，介紹七種重要的節(jié)點(diǎn)類(lèi)型。
第3章 DOM Ready
深入剖析什么是DOM Ready，了解什么是瀏覽器渲染引擎，判斷DOM是否Ready的意義，學(xué)會(huì)自己編寫(xiě)瀏覽器兼容的domReady，最后通過(guò)實(shí)例來(lái)比較window.onload與domReady的不同之處。
第4章 如何判斷元素節(jié)點(diǎn)類(lèi)型
學(xué)習(xí)涉及元素節(jié)點(diǎn)類(lèi)型判定的四個(gè)方法，第一個(gè)isElement，判定某個(gè)節(jié)點(diǎn)是否是元素節(jié)點(diǎn)；第二個(gè)isHTML，判定是否為HTML文檔的元素節(jié)點(diǎn)；第三個(gè)isXML，判定是否為XML文檔的元素節(jié)點(diǎn)；最后一個(gè)方法contains，判定兩個(gè)節(jié)點(diǎn)的包含關(guān)系。
第5章 繼承層次與嵌套規(guī)則
講解什么是元素節(jié)點(diǎn)的繼承層次，以及分析繼承層次的意義。最后了解什么是HTML嵌套規(guī)則，并介紹了有序列表與無(wú)序列表系列、下拉列表系列、熱點(diǎn)鏈接系列、多媒體對(duì)象系列及表格系列等特殊元素的嵌套規(guī)則。