DOM探索之基礎詳解篇

課程簡介

基礎詳解篇是DOM探索系列課程的第一篇，詳細全面的介紹DOM的基礎知識。首先通過一個案例，讓您認識DOM在實際開發中是如何套用的。了解如何判斷元素的節點類型,掌握元素節點的繼承層次及各種元素節點的分類和規則。為後續課程打下一個堅實的基礎。

第1章 DOM熱身案例——滑動門特效

通過一個案例，一方面讓大家回憶前面學過的JS和DOM基礎，另一方面讓大家感性認識DOM操作。

1-1 課程介紹 (04:52)

1-2 案例HTML+CSS結構 (07:15)

1-3 實例JS+DOM (11:46)

第2章認識DOM

介紹什麼是DOM，為什麼使用DOM，DOM級別以及Web瀏覽器對DOM的支持。詳細介紹HTML與XML兩種文檔的類型，介紹七種重要的節點類型。

2-1 認識DOM (07:20)

2-2 DOM 文檔類型 (05:50)

2-3 DOM 節點類型 (07:52)

2-4 DOM nodeType (03:51)

2-5 DOM nodeName-nodeValue (09:25)

第3章 DOM Ready

深入剖析什麼是DOM Ready，了解什麼是瀏覽器渲染引擎，判斷DOM是否Ready的意義，學會自己編寫瀏覽器兼容的domReady，最後通過實例來比較window.onload與domReady的不同之處。

3-1 什麼是domReady (04:19)

3-2 DOM 渲染引擎的渲染流程 (03:13)

3-3 domReady的實現策略 (12:50)

3-4 domReady的實現 (08:10)

3-5 domReady綜合案例 (02:58)

第4章如何判斷元素節點類型

學習涉及元素節點類型判定的四個方法，第一個isElement，判定某個節點是否是元素節點；第二個isHTML，判定是否為HTML文檔的元素節點；第三個isXML，判定是否為XML文檔的元素節點；最後一個方法contains，判定兩個節點的包含關係。

4-1 為什麼要判斷元素節點的類型 (01:45)

4-2 如何判斷節點是元素節點 (03:52)

4-3 如何判斷節點是html和xml元素節點 (06:13)

4-4 如何判斷節點的包含關係contains (07:43)

第5章繼承層次與嵌套規則

講解什麼是元素節點的繼承層次，以及分析繼承層次的意義。最後了解什麼是HTML嵌套規則，並介紹了有序列表與無序列表系列、下拉列表系列、熱點連結系列、多媒體對象系列及表格系列等特殊元素的嵌套規則。

5-1 DOM節點繼承層次 (04:57)