Skip to content

Commit 9c57c73

Browse files
authored
Update translation of 2-ui/1-document/03-dom-navigation (javascript-tutorial#667)
Update translation of 2-ui/1-document/03-dom-navigation (javascript-tutorial#667)
1 parent 8f40fbb commit 9c57c73

6 files changed

Lines changed: 115 additions & 104 deletions

File tree

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,27 @@
1-
这里有很多方法,比方说
1+
这里有很多种方法,例如
22

33

44
获取 `<div>` DOM 节点:
55

66
```js
77
document.body.firstElementChild
8-
// 或者
8+
//
99
document.body.children[0]
10-
// 或者(第一个节点是空格,所有我们拿第二个
10+
// (第一个节点是空格,所以我们应该获取的是第二个
1111
document.body.childNodes[1]
1212
```
1313

1414
获取 `<ul>` DOM 节点:
1515

1616
```js
1717
document.body.lastElementChild
18-
// 或者
18+
//
1919
document.body.children[1]
2020
```
2121

22-
获取第二个 `<li>`(即包含 Pete 的节点)
22+
获取第二个 `<li>`(即包含 Pete 的节点)
2323

2424
```js
25-
// 获取 <ul>, 然后拿它的最后一个子元素
25+
// 获取 <ul>,然后获取它的最后一个子元素
2626
document.body.lastElementChild.lastElementChild
2727
```

2-ui/1-document/03-dom-navigation/1-dom-children/task.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ importance: 5
1818
</html>
1919
```
2020

21-
如何能访问到以下内容
21+
对于以下各项,请给出至少一种访问方式
2222
- `<div>` DOM 节点?
23-
- `<ul>` DOM 节点?
23+
- `<ul>` DOM 节点?
2424
- 第二个 `<li>` 节点(即包含 Pete 的节点)?
Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,6 @@
1-
1. 是的,这是真的。`elem.lastChild` 一直是最后一个元素,它就没有 `nextSibling` ,所有如果存在子节点,这个问题的答案就是正确
2-
2. 不,这是错的,因为 `elem.children[0]` 是元素中的第一个子元素。但是或许有非元素的节点在它之前。所以 `previousSibling` 或许是一个文本节点
1+
1. 是的,这是真的。`elem.lastChild` 就是最后一个元素,它没有 `nextSibling`
2+
2. 不,这是错的,因为 `elem.children[0]` 是元素中的第一个子元素。但是在它前面可能存在非元素的节点。所以 `previousSibling` 可能是一个文本节点
33

4-
请注意,对于这两种情况,如果没有子节点就会出现错误。比如说如果 `elem.lastChild``null`,我们就访问不到 `elem.lastChild.nextSibling`
4+
请注意,对于这两种情况,如果没有子节点,那么就会报错。
5+
6+
如果这里没有子节点,那么 `elem.lastChild``null`,所以我们就访问不到 `elem.lastChild.nextSibling`。并且 `elem.children` 是空的(像一个空数组一样 `[]`)。

2-ui/1-document/03-dom-navigation/3-navigation-links-which-null/task.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,5 +6,5 @@ importance: 5
66

77
如果 `elem` 是任意一个 DOM 元素节点……
88

9-
- `elem.lastChild.nextSibling` 值一直都是 `null` 这个判定是不是真的?
10-
- `elem.children[0].previousSibling` 值一直都是 `null` 这个判定是不是真的?
9+
- `elem.lastChild.nextSibling` 值一直都是 `null`这个判定是不是真的?
10+
- `elem.children[0].previousSibling` 值一直都是 `null`这个判定是不是真的?

2-ui/1-document/03-dom-navigation/4-select-diagonal-cells/task.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,11 @@ importance: 5
22

33
---
44

5-
# 选择所有对角线单元格
5+
# 选择所有对角单元格
66

77
编写代码来把表中的对角单元格都绘制成红色。
88

9-
你需要用代码从 `<table>` 中获取到所有的对角线 `<td>`,然后绘制它们:
9+
你需要用代码从 `<table>` 中获取所有的对角单元格 `<td>`,然后绘制它们:
1010

1111
```js
1212
// td 表示的是对单元格的引用

0 commit comments

Comments
 (0)