DOM启蒙PDF|Epub|txt|kindle电子书版本网盘下载

DOM启蒙PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第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

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提供的＜！DOCTYPE＞、＜html lang=“en”＞、＜head＞及＜body＞捷径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 HTMLElement对象概览41

3.2 HTMLElement对象属性与方法（包括继承的）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

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

第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（）创建DocumentFragment95

8.3 添加DocumentFragment到实时DOM96

8.4 使用文档片段上的innerHTML97

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

9.8 使用.style属性修改CSSStyleRule的值110

9.9 创建新的内联CSS样式表111

9.10 以编程方式添加外部样式表到HTML文档111

9.11 用.disabled属性使样式表失效／生效112

第10章 DOM中的JavaScript115

10.1 插入与执行JavaScript概览115

10.2 JavaScript默认同步解析116

10.3 使用defer推迟外部脚本的下载与执行117

10.4 使用async异步下载并执行外部JavaScript文件118

10.5 使用动态＜script＞元素强制异步加载并解析外部JavaScript120

10.6 通过给异步＜script＞加onload回调从而知道它们何时加载完毕121

10.7 注意含有DOM操作的＜script＞的放置122

10.8 获取DOM中＜script＞列表122

第11章 DOM事件125

11.1 DOM事件概览125

11.2 DOM事件类型127

11.3 事件流程135

11.4 添加事件监听函数到Element节点、window对象及document对象138

11.5 移除事件监听函数139

11.6 从事件对象中获取事件属性140

11.7 使用addEventListener（）时监听函数中this的值141

11.8 事件调用时取得事件模板而不是所绑定的节点或对象143

11.9 使用preventDefault（）撤销浏览器默认事件143

11.10 使用stopPropagation（）终止事件流程145

11.11 使用stopImmediatePropagation（）终止事件流程与相同目标上的其他事件146

11.12 自定义事件147

11.13 模拟／触发鼠标事件148

11.14 事件委托149

第12章 创作dom.js：源自jQuery的灵感，服务于现代浏览器，这是一个万众期待的DOM库151

12.1 dom.js概览151

12.2 创建唯一作用域152

12.3 创建dom（）与GetOrMakeDom（），全局暴露dom（）与GetOrMakeDom.prototype152

12.4 创建传给dom（）的可选上下文参数154

12.5 依据params产生一个持有DOM节点引用的对象并返回155

12.6 创建each（）方法并使它可链式调用158

12.7 创建html（）、append（）及text（）方法159

12.8 拉dom.js出来兜兜风160

12.9 总结与dom.js继续162