Skip to content

Commit 54dcb81

Browse files
author
Li Xinyang
committed
fix sample code error
1 parent 8cb6e88 commit 54dcb81

File tree

3 files changed

+9
-11
lines changed

3 files changed

+9
-11
lines changed

chapter3/02_node_manipulation.md

Lines changed: 5 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@
2323

2424
因为 DOM 的存在,这使我们可以通过 JavaScript 来获取、创建、修改、或删除节点。
2525

26-
NOTE:下面提供的例子中的 `element` 均为已经被去出的元素节点
26+
NOTE:下面提供的例子中的 `element` 均为元素节点
2727

2828
### 获取节点
2929

@@ -38,8 +38,7 @@ NOTE:下面提供的例子中的 `element` 均为已经被去出的元素节
3838
- `element.previousSibling`/`element.nextSibling`
3939
- `element.previousElementSibling`/`element.nextElementSibling`
4040

41-
通过节点直接的关系获取节点会导致代码维护性大大降低(节点之间的关系变化会直接影响到获取节点)。
42-
通过接口则可以有效的解决此问题。
41+
通过节点直接的关系获取节点会导致代码维护性大大降低(节点之间的关系变化会直接影响到获取节点),而通过接口则可以有效的解决此问题。
4342

4443
```html
4544
<!DOCTYPE html>
@@ -118,9 +117,9 @@ NTOE:细心地人会发现,在节点遍历的例子中,body、ul、li、p
118117
</html>
119118
```
120119

121-
NOTE:初稿,还未进行兼容性测试。
120+
NOTE:此兼容方法为初稿,还未进行兼容性测试。
122121

123-
#### 接口获取节点
122+
#### 接口获取元素节点
124123

125124
- `getElementById`
126125
- `getElementsByTagName`
@@ -134,7 +133,7 @@ NOTE:初稿,还未进行兼容性测试。
134133
|getElementsByTagName||||
135134
|getElementsByClassName||||
136135
|querySelectorAll||||
137-
|querySelector||||
136+
|querySelector|||||
138137

139138
##### getElementById
140139

chapter3/03_attribuet.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -92,7 +92,7 @@ element.setAttribute('attributeName', value);
9292

9393
#### dataset
9494

95-
自定义属性,其为 `HTMLElement` 上的属性也是 `data-*` 的属性集。主要用于在元素上保存数据。获取的均为**属性字符串**。数据通常使用 JAXA 获取并存储在节点之上。
95+
自定义属性,其为 `HTMLElement` 上的属性也是 `data-*` 的属性集。主要用于在元素上保存数据。获取的均为**属性字符串**。数据通常使用 AJAX 获取并存储在节点之上。
9696

9797
```html
9898
<div id='user' data-id='1234' data-username='x' data-email='mail@gmail.com'></div>
@@ -104,4 +104,4 @@ div.dataset.username; // 'x'
104104
div.dataset.email; // 'mail@gmail.com'
105105
```
106106

107-
NOTE:`dataset` 在低版本 IE 不可使用,但可通过 `getAttribute``setAttribute` 来做兼容。
107+
NOTE:`dataset` 在低版本 IE 不可使用,但可通过 `getAttribute``setAttribute` 来做兼容。

chapter3/04_style_manipulation.md

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -137,7 +137,6 @@ element.style.cssText = 'color: red; background: black';
137137
element.className += ' angry';
138138
```
139139

140-
141140
增加样式后得到的结果
142141

143142
```html
@@ -170,7 +169,7 @@ element.setAttribute('href', 'style2.css');
170169
```javascript
171170
element.style.color; // ""
172171
```
173-
172+
line-height: 200px
174173
#### window.getComputedStyle()
175174

176175
将需要取出样式的目标元素传入 `window.getComputedStyle()` 函数中,即可得到对应元素的实际样式。注意的是这里获取到的样式值为**只读**属性不可修改!
@@ -188,4 +187,4 @@ var style = window.getComputedStyle(element[, pseudoEle]);
188187

189188
```javascript
190189
window.getComputedStyle(element).color; // 'rgb(0,0,0)'
191-
```
190+
```

0 commit comments

Comments
 (0)