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