DOM啟蒙

前言
序言
第1 章 節(jié)點概覽
11 文檔對象模型（Document Object Model，亦稱 DOM）是個由JavaScript
節(jié)點對象組成的層次結構/ 樹
12 節(jié)點對象類型
13 繼承自節(jié)點對象的子節(jié)點對象
14 用于與節(jié)點打交道的屬性與方法
15 識別節(jié)點的類型與名稱
16 獲取節(jié)點的值
17 使用 JavaScript 方法來創(chuàng)建元素與文本節(jié)點
18 使用 JavaScript 字符串創(chuàng)建并向DOM 中添加元素與文本節(jié)點
19 提取DOM 樹中的部分作為JavaScript 字符串
110 使用 appendChild() 與 insertBefore() 向DOM 中插入節(jié)點對象
111 使用 removeChild() 與 replaceChild() 來移除與替換節(jié)點
112 使用 cloneNode() 來復制節(jié)點
113 理解節(jié)點集合（即 NodeList 與 HTMLCollection）
114 獲取所有直屬子節(jié)點的列表/ 集合
115 將 NodeList 或者 HTMLCollection 轉(zhuǎn)換成JavaScript 數(shù)組
116 遍歷 DOM 中的節(jié)點
117 使用 contains() 與 compareDocumentPosition() 驗證節(jié)點在 DOM 樹中的
位置
118 判斷兩個節(jié)點是否相同
第2 章 文檔節(jié)點
21 文檔節(jié)點概覽
22 HTML 文檔屬性與方法（包括繼承的）
23 獲取 HTML Document 通用信息（標題、鏈接、提及者、最后修改時間
及兼容模式）
24 文檔子節(jié)點
25 document 提供的 ＜!DOCTYPE＞、＜html lang="en"＞、＜head＞ 及 ＜body＞
捷徑
26 使用 documentimplementationhasFeature() 探測 DOM 規(guī)范/ 特性
27 獲取文檔中當前聚焦/ 激活節(jié)點的引用
28 判斷文檔或者文檔中任何節(jié)點得到焦點
29 documentdefaultView 是個到頂部/ 全局對象的捷徑
210 使用 ownerDocument 從某一元素取得文檔的引用
第3 章 元素節(jié)點
31 HTML*Element 對象概覽
32 HTML*Element 對象屬性與方法（包括繼承的）
33 創(chuàng)建元素
34 獲取元素的標簽名
35 獲取元素屬性與值的列表/ 集合
36 獲取、設置及移除元素的屬性值
37 驗證元素是否有某一特定屬性
38 獲取類屬性值列表
39 添加與移除類屬性中的部分值
310 變換某個類屬性值
311 判斷類屬性值是否含有某一特定值
312 獲取與設置 data-* 屬性
第4 章 元素節(jié)點選取
41 選取特定元素節(jié)點
42 選取/ 創(chuàng)建一個元素節(jié)點列表（即 NodeList）
43 選取所有的直屬子元素節(jié)點
44 選取與上下文有關的元素
45 預定義的元素節(jié)點選取/ 列表
46 使用 matchesSelector() 驗證元素會否被選取
第5 章 元素節(jié)點幾何量與滾動幾何量
51 元素節(jié)點尺寸、偏移及滾動概覽
52 獲取元素相對于 offsetParent 的 offsetTop 及 offsetLeft 值
53 使用 getBoundingClientRect() 獲取元素相對于視區(qū)的Top， Right， Bottom
及Left 邊沿偏移量
54 獲取元素在視區(qū)中的尺寸（邊框 + 填充 + 內(nèi)容）
55 獲取元素在視區(qū)中的尺寸（填充 + 內(nèi)容），不含邊框
56 使用 elementFromPoint() 獲取視區(qū)中某一特定點上最頂層的元素
57 使用 scrollHeight 及 scrollWidth 獲取滾動元素的尺寸
58 使用 scrollTop 及scrollLeft 獲取并設置從上、左邊滾動的距離
59 使用 scrollIntoView() 滾動元素到視區(qū)
第6 章 元素節(jié)點內(nèi)聯(lián)樣式
61 樣式屬性（亦稱元素內(nèi)聯(lián) CSS 屬性）概覽
62 獲取、設置及移除單個內(nèi)聯(lián) CSS 屬性
63 獲取、設置及移除所有內(nèi)聯(lián) CSS 屬性
64 使用 getComputedStyle() 獲取元素的已計算樣式（即包含任何級聯(lián)樣式的
實際樣式）
65 使用 class 及 id 屬性應用或者移除元素上的 CSS 屬性
第7 章 文本節(jié)點
71 文本對象概覽
72 文本對象與屬性
73 空白符創(chuàng)建文本節(jié)點
74 創(chuàng)建與注入文本節(jié)點
75 使用 data 或 nodeValue 獲取文本節(jié)點值
76 使用appendData()、deleteData()、insertData()、replaceData() 及
subStringData() 操作文本節(jié)點
77 當有多個兄弟文本節(jié)點時
78 使用 textContent 移除文本標記并返回所有的子文本節(jié)點
79 textContent 與 innerText 的區(qū)別
710 使用 normalize() 合并兄弟文本節(jié)點成單個文本節(jié)點
711 使用 splitText() 分割文本節(jié)點
第8 章 DocumentFragment 節(jié)點
81 DocumentFragment 對象概覽
82 使用 createDocumentFragment() 創(chuàng)建 DocumentFragment
83 添加 DocumentFragment 到實時 DOM
84 使用文檔片段上的 innerHTML
85 通過復制將片段所含節(jié)點保留在內(nèi)存中
第9 章 CSS 樣式表與 CSS 規(guī)則
91 CSS 樣式表概覽
92 訪問 DOM 中所有樣式表（即 CSSStyleSheet 對象）
93 CSSStyleSheet 屬性與方法
94 CSSStyleRule 概覽
95 CSSStyleRule 屬性與方法
96 使用 cssRules 獲取樣式表內(nèi)的 CSS 規(guī)則列表
97 使用 insertRule() 和 deleteRule() 來插入與刪除樣式表中的 CSS 規(guī)則
98 使用 style 屬性修改 CSSStyleRule 的值
99 創(chuàng)建新的內(nèi)聯(lián) CSS 樣式表
91 0 以編程方式添加外部樣式表到 HTML 文檔
91 1 用 disabled 屬性使樣式表失效/ 生效
第10 章 DOM 中的 JavaScript
101 插入與執(zhí)行 JavaScript 概覽
102 JavaScript 默認同步解析
103 使用 defer 推遲外部腳本的下載與執(zhí)行
104 使用 async 異步下載并執(zhí)行外部JavaScript 文件
105 使用動態(tài) ＜script＞ 元素強制異步加載并解析外部 JavaScript
106 通過給異步 ＜script＞ 加 onload 回調(diào)從而知道它們何時加載完畢
107 注意含有 DOM 操作的 ＜script＞ 的放置
108 獲取 DOM 中 ＜script＞ 列表
第11 章 DOM 事件
111 DOM 事件概覽
112 DOM 事件類型
113 事件流程
114 添加事件監(jiān)聽函數(shù)到Element 節(jié)點、window 對象及document 對象
115 移除事件監(jiān)聽函數(shù)
116 從事件對象中獲取事件屬性
117 使用 addEventListener() 時監(jiān)聽函數(shù)中 this 的值
118 事件調(diào)用時取得事件模板而不是所綁定的節(jié)點或?qū)ο?br />119 使用 preventDefault() 撤銷瀏覽器默認事件
1110 使用 stopPropagation() 終止事件流程
1111 使用 stopImmediatePropagation() 終止事件流程與相同目標上的其他
事件
1112 自定義事件
1113 模擬/ 觸發(fā)鼠標事件
1114 事件委托
第12 章 創(chuàng)作domjs ：源自jQuery 的靈感，服務于現(xiàn)代
瀏覽器，這是一個萬眾期待的DOM 庫
121 domjs 概覽
122 創(chuàng)建唯一作用域
123 創(chuàng)建 dom() 與 GetOrMakeDom()，全局暴露 dom() 與 GetOrMakeDom
prototype
124 創(chuàng)建傳給 dom() 的可選上下文參數(shù)
125 依據(jù) params 產(chǎn)生一個持有 DOM 節(jié)點引用的對象并返回
126 創(chuàng)建 each() 方法并使它可鏈式調(diào)用
127 創(chuàng)建 html()、append() 及 text() 方法
128 拉 domjs 出來兜兜風
129 總結與 domjs 繼續(xù)