Translation/dom node properties (javascript-tutorial#153)

Starriers · leviding · commit 57904c5ecba2 · 2018-10-13T09:41:13.000+08:00
* 翻译完成

* 翻译完成

* 翻译完成

* 翻译完成

* 翻译完成

* 翻译完成

* 翻译完成

* The  First Modification

* The First Modification

* Update solution.md

* Update article.md
diff --git a/2-ui/1-document/05-basic-dom-node-properties/2-lastchild-nodetype-inline/solution.md b/2-ui/1-document/05-basic-dom-node-properties/2-lastchild-nodetype-inline/solution.md
@@ -1,8 +1,8 @@
-There's a catch here.
+这里有一个陷阱。
 
-At the time of `<script>` execution the last DOM node is exactly `<script>`, because the browser did not process the rest of the page yet.
+在执行 `<script>` 时，最后一个 DOM 节点是 `<script>`，因为浏览器还没有处理页面的其余部分。
 
-So the result is `1` (element node).
+因此结果是 `1`（元素节点）。
 
 ```html run height=60
 <html>
diff --git a/2-ui/1-document/05-basic-dom-node-properties/2-lastchild-nodetype-inline/task.md b/2-ui/1-document/05-basic-dom-node-properties/2-lastchild-nodetype-inline/task.md
@@ -2,9 +2,9 @@ importance: 5
 
 ---
 
-# What's in the nodeType?
+# nodeType 是什么？
 
-What does the script show?
+脚本会显示什么？
 
 ```html
 <html>
diff --git a/2-ui/1-document/05-basic-dom-node-properties/3-tag-in-comment/solution.md b/2-ui/1-document/05-basic-dom-node-properties/3-tag-in-comment/solution.md
@@ -1,4 +1,4 @@
-The answer: **`BODY`**.
+答案是：**`BODY`**。
 
 ```html run
 <script>
@@ -10,8 +10,8 @@ The answer: **`BODY`**.
 </script>
 ```
 
-What's going on step by step:
+这几步都发生了什么：
 
-1. The content of `<body>` is replaced with the comment. The comment is <code>&lt;!--BODY--&gt;</code>, because `body.tagName == "BODY"`. As we remember, `tagName` is always uppercase in HTML.
-2. The comment is now the only child node, so we get it in `body.firstChild`.
-3. The `data` property of the comment is its contents (inside `<!--...-->`): `"BODY"`.
+1. `<body>` 内容被注释所取代 <code>&lt;!--BODY--&gt;</code>，因为 `body.tagName == "BODY"`。正如我们所记住的，`tagName` 在 HTML 中总是大写的。
+2. 这个注释现在是唯一的子节点，所以我们可以在 `body.firstChild` 中获取。
+3. 注释的`data` 属性是它的内容 (inside `<!--...-->`)：`"BODY"`。
diff --git a/2-ui/1-document/05-basic-dom-node-properties/3-tag-in-comment/task.md b/2-ui/1-document/05-basic-dom-node-properties/3-tag-in-comment/task.md
@@ -2,9 +2,9 @@ importance: 3
 
 ---
 
-# Tag in comment
+# 注释中的标记
 
-What does this code show?
+这个代码会显示什么？
 
 ```html
 <script>
diff --git a/2-ui/1-document/05-basic-dom-node-properties/4-where-document-in-hierarchy/solution.md b/2-ui/1-document/05-basic-dom-node-properties/4-where-document-in-hierarchy/solution.md
@@ -1,38 +1,38 @@
 
-We can see which class it belongs by outputting it, like:
+通过输出它，我们可以看到它属于哪个类，比如：
 
 ```js run
 alert(document); // [object HTMLDocument]
 ```
 
-Or:
+或者：
 
 ```js run
 alert(document.constructor.name); // HTMLDocument
 ```
 
-So, `document` is an instance of `HTMLDocument` class.
+因此 `document` 是 `HTMLDocument` 类的一个实例。
 
-What's its place in the hierarchy?
+它在等级体系中的地位如何？ 
 
-Yeah, we could browse the specification, but it would be faster to figure out manually.
+是的，我们可以浏览说明书，但手动会更快。
 
-Let's traverse the prototype chain via `__proto__`.
+我们通过 `__proto__` 来遍历原型链中的方法。
 
-As we know, methods of a class are in the `prototype` of the constructor. For instance, `HTMLDocument.prototype` has methods for documents.
+正如我们所知道的，类的方法在构造函数的 `prototype` 中。例如 `HTMLDocument.prototype` 有用于文档的方法。
 
-Also, there's a reference to the constructor function inside the `prototype`:
+此外，在 `prototype` 中还有对构造函数的引用：
 
 ```js run
 alert(HTMLDocument.prototype.constructor === HTMLDocument); // true
 ```
 
-For built-in classes in all prototypes there's a `constructor` reference, and we can get `constructor.name` to see the name of the class. Let's do it for all objects in the `document` prototype chain:
+对于所有原型中的内置类，有一个 `constructor` 引用，我们可以获取 `constructor.name` 来查看类名。我们为 `document` 原型链中的所有对象执行以下操作：
 
 ```js run
 alert(HTMLDocument.prototype.constructor.name); // HTMLDocument
 alert(HTMLDocument.prototype.__proto__.constructor.name); // Document
 alert(HTMLDocument.prototype.__proto__.__proto__.constructor.name); // Node
 ```
 
-We also could examine the object using `console.dir(document)` and see these names by opening `__proto__`. The console takes them from `constructor` internally.
+我们还可以使用 `console.dir(document)` 来检查对象，并通过打开 `__proto__` 来查看这些名称。控制台将它们从 `constructor` 内部取出。
diff --git a/2-ui/1-document/05-basic-dom-node-properties/4-where-document-in-hierarchy/task.md b/2-ui/1-document/05-basic-dom-node-properties/4-where-document-in-hierarchy/task.md
@@ -2,10 +2,10 @@ importance: 4
 
 ---
 
-# Where's the "document" in the hierarchy?
+# 层次结构中的 "document" 在哪里？
 
-Which class does the `document` belong to?
+`document` 属于哪一类？
 
-What's its place in the DOM hierarchy?
+DOM 层次中它的位置又如何？
 
-Does it inherit from `Node` or `Element`, or maybe `HTMLElement`?
+它继承自 `Node` 或 `Element`，还是 `HTMLElement`？
diff --git a/2-ui/1-document/05-basic-dom-node-properties/article.md b/2-ui/1-document/05-basic-dom-node-properties/article.md
