《DOM啟蒙》是2014年6月電子工業出版社出版的圖書，作者是Cody Lindley（科迪. 林德利），譯者為陳養劍。
基本介紹
- 中文名：DOM啟蒙
- 作者：Cody Lindley
- 譯者： 陳養劍
- 題材：程式語言
- 出版時間：2014年6月
- 出版社：電子工業出版社
- 頁數：184 頁
- 字數：235千
- ISBN：9787121226175
- 類別：計算機
- 定價：49 元
- 開本：16 開
- 裝幀：平裝
內容簡介,圖書目錄,
內容簡介
通過《DOM 啟蒙》，讀者將學習如何通過文檔對象模型（DOM）更有效率地操作HTML，而無需DOM 操作庫的幫助。作者Cody Lindley（jQuery 手冊）用菜譜風格的代碼示例，用演示多種節點對象的工作方式，帶你領略現代DOM 理念。在過去的十年里，框架簡化了DOM 的用法，後者因此被開發者塵封在前者之下。本書通過現代瀏覽器原生的概念與代碼，將這些工具帶回視線。讀者將理解jQuery 在DOM 腳本編寫中扮演的角色，並學習如何在移動套用和特定瀏覽器中直接使用DOM 編寫應用程式。
圖書目錄
目錄
前言 .................................................................................... XI
序言 .................................................................................. XIII
第1 章 節點概覽 ..................................................................1
1.1 文檔對象模型（Document Object Model，亦稱 DOM）是個由JavaScript
節點對象組成的層次結構/ 樹 ................................................................................. 1
1.2 節點對象類型 ........................................................................................................... 2
1.3 繼承自節點對象的子節點對象 ............................................................................... 5
1.4 用於與節點打交道的屬性與方法 ........................................................................... 7
1.5 識別節點的類型與名稱 ........................................................................................... 9
1.6 獲取節點的值 ......................................................................................................... 11
1.7 使用 JavaScript 方法來創建元素與文本節點 ....................................................... 11
1.8 使用 JavaScript 字元串創建並向DOM 中添加元素與文本節點 ....................... 13
1.9 提取DOM 樹中的部分作為JavaScript 字元串 ................................................... 15
1.10 使用 appendChild() 與 insertBefore() 向DOM 中插入節點對象....................... 16
1.11 使用 removeChild() 與 replaceChild() 來移除與替換節點 ................................. 18
1.12 使用 cloneNode() 來複製節點 ............................................................................. 20
1.13 理解節點集合（即 NodeList 與 HTMLCollection） ........................................... 21
1.14 獲取所有直屬子節點的列表/ 集合 .................................................................... 22
1.15 將 NodeList 或者 HTMLCollection 轉換成JavaScript 數組 .............................. 23
VI | 目錄
1.16 遍歷 DOM 中的節點 ............................................................................................ 24
1.17 使用 contains() 與 compareDocumentPosition() 驗證節點在 DOM 樹中的
位置........................................................................................................................ 26
1.18 判斷兩個節點是否相同 ........................................................................................ 28
第2 章 文檔節點 ................................................................31
2.1 文檔節點概覽 ......................................................................................................... 31
2.2 HTML 文檔屬性與方法（包括繼承的） ............................................................... 32
2.3 獲取 HTML Document 通用信息（標題、連結、提及者、最後修改時間及兼容模式） ............................................................................................................ 33
2.4 文檔子節點 ............................................................................................................. 34
2.5 document 提供的 及
捷徑 .......................................................................................................................... 35
2.6 使用 document.implementation.hasFeature() 探測 DOM 規範/ 特性 .................. 36
2.7 獲取文檔中當前聚焦/ 激活節點的引用 .............................................................. 37
2.8 判斷文檔或者文檔中任何節點得到焦點 ............................................................. 38
2.9 document.defaultView 是個到頂部/ 全局對象的捷徑 ......................................... 39
2.10 使用 ownerDocument 從某一元素取得文檔的引用 ........................................... 39
第3 章 元素節點 ................................................................41
3.1 HTML*Element 對象概覽 ...................................................................................... 41
3.2 HTML*Element 對象屬性與方法（包括繼承的） ................................................ 42
3.3 創建元素 ................................................................................................................. 44
3.4 獲取元素的標籤名 ................................................................................................. 44
3.5 獲取元素屬性與值的列表/ 集合 .......................................................................... 45
3.6 獲取、設定及移除元素的屬性值 ......................................................................... 46
3.7 驗證元素是否有某一特定屬性 ............................................................................. 47
3.8 獲取類屬性值列表 ................................................................................................. 48
3.9 添加與移除類屬性中的部分值 ............................................................................. 49
3.10 變換某個類屬性值 ............................................................................................... 50
目錄 | VII
3.11 判斷類屬性值是否含有某一特定值.................................................................... 50
3.12 獲取與設定 data-* 屬性 ....................................................................................... 51
第4 章 元素節點選取 .........................................................53
4.1 選取特定元素節點 ................................................................................................. 53
4.2 選取/ 創建一個元素節點列表（即 NodeList） .................................................... 54
4.3 選取所有的直屬子元素節點 ................................................................................. 56
4.4 選取與上下文有關的元素 ..................................................................................... 56
4.5 預定義的元素節點選取/ 列表 .............................................................................. 58
4.6 使用 matchesSelector() 驗證元素會否被選取....................................................... 59
第5 章 元素節點幾何量與滾動幾何量 ................................61
5.1 元素節點尺寸、偏移及滾動概覽 ......................................................................... 61
5.2 獲取元素相對於 offsetParent 的 offsetTop 及 offsetLeft 值 ................................. 61
5.3 使用 getBoundingClientRect() 獲取元素相對於視區的Top, Right, Bottom
及Left 邊沿偏移量 ................................................................................................. 64
5.4 獲取元素在視區中的尺寸（框線 + 填充 + 內容） ............................................... 66
5.5 獲取元素在視區中的尺寸（填充 + 內容），不含框線 ....................................... 67
5.6 使用 elementFromPoint() 獲取視區中某一特定點上最頂層的元素 ................... 68
5.7 使用 scrollHeight 及 scrollWidth 獲取滾動元素的尺寸 ....................................... 69
5.8 使用 scrollTop 及scrollLeft 獲取並設定從上、左邊滾動的距離 ....................... 70
5.9 使用 scrollIntoView() 滾動元素到視區 ................................................................. 71
第6 章 元素節點內聯樣式 ..................................................73
6.1 樣式屬性（亦稱元素內聯 CSS 屬性）概覽 ........................................................ 73
6.2 獲取、設定及移除單個內聯 CSS 屬性 ................................................................ 74
6.3 獲取、設定及移除所有內聯 CSS 屬性 ................................................................ 78
6.4 使用 getComputedStyle() 獲取元素的已計算樣式（即包含任何級聯樣式的實際樣式） ................................................................................................................ 80
6.5 使用 class 及 id 屬性套用或者移除元素上的 CSS 屬性 ..................................... 81
VIII | 目錄
第7 章 文本節點 ................................................................83
7.1 文本對象概覽 ......................................................................................................... 83
7.2 文本對象與屬性 ..................................................................................................... 84
7.3 空白符創建文本節點 ............................................................................................. 85
7.4 創建與注入文本節點 ............................................................................................. 86
7.5 使用 .data 或 nodeValue 獲取文本節點值 ............................................................. 87
7.6 使用appendData()、deleteData()、insertData()、replaceData() 及
subStringData() 操作文本節點 ............................................................................... 88
7.7 當有多個兄弟文本節點時 ..................................................................................... 89
7.8 使用 textContent 移除文本標記並返回所有的子文本節點 ................................. 90
7.9 textContent 與 innerText 的區別 ............................................................................ 92
7.10 使用 normalize() 合併兄弟文本節點成單個文本節點 ....................................... 92
7.11 使用 splitText() 分割文本節點 ............................................................................. 93
第8 章 DocumentFragment 節點.......................................95
8.1 DocumentFragment 對象概覽 ................................................................................ 95
8.2 使用 createDocumentFragment() 創建 DocumentFragment .................................. 95
8.3 添加 DocumentFragment 到實時 DOM ................................................................. 96
8.4 使用文檔片段上的 innerHTML ............................................................................. 97
8.5 通過複製將片段所含節點保留在記憶體中 ............................................................. 99
第9 章 CSS 樣式表與 CSS 規則 .....................................101
9.1 CSS 樣式表概覽 ................................................................................................... 101
9.2 訪問 DOM 中所有樣式表（即 CSSStyleSheet 對象） ........................................ 103
9.3 CSSStyleSheet 屬性與方法 .................................................................................. 104
9.4 CSSStyleRule 概覽 ............................................................................................... 106
9.5 CSSStyleRule 屬性與方法 ................................................................................... 107
9.6 使用 cssRules 獲取樣式表內的 CSS 規則列表 .................................................. 108
9.7 使用 insertRule() 和 deleteRule() 來插入與刪除樣式表中的 CSS 規則 ........... 109
目錄 | IX
9.8 使用 .style 屬性修改 CSSStyleRule 的值 ............................................................ 110
9.9 創建新的內聯 CSS 樣式表 ...................................................................................111
9.10 以編程方式添加外部樣式表到 HTML 文檔 .....................................................111
9.11 用 .disabled 屬性使樣式表失效/ 生效 .............................................................. 112
第10 章 DOM 中的 JavaScript ........................................115
10.1 插入與執行 JavaScript 概覽 ............................................................................... 115
10.2 JavaScript 默認同步解析 .................................................................................... 116
10.3 使用 defer 推遲外部腳本的下載與執行 ........................................................... 117
10.4 使用 async 異步下載並執行外部JavaScript 檔案 ............................................ 118
10.5 使用動態
