Update translation of 2-ui/1-document/06-dom-attributes-and-properties (javascript-tutorial#670)

leviding · web-flow · commit e95a2195679c · 2020-03-21T15:17:18.000+08:00
diff --git a/2-ui/1-document/06-dom-attributes-and-properties/1-get-user-attribute/solution.md b/2-ui/1-document/06-dom-attributes-and-properties/1-get-user-attribute/solution.md
@@ -7,12 +7,12 @@
   <div data-widget-name="menu">Choose the genre</div>
 
   <script>
-    // getting it
+    // 获取它
     let elem = document.querySelector('[data-widget-name]');
 
-    // reading the value
+    // 读取值
     alert(elem.dataset.widgetName);
-    // or
+    // 或
     alert(elem.getAttribute('data-widget-name'));
   </script>
 </body>
diff --git a/2-ui/1-document/06-dom-attributes-and-properties/2-yellow-links/solution.md b/2-ui/1-document/06-dom-attributes-and-properties/2-yellow-links/solution.md
@@ -1,9 +1,9 @@
 
-首先，我们需要找到所有外部引用。
+首先，我们需要找到所有外部链接。
 
-这里有两种办法。
+这里有两种方式。
 
-第一种是使用 `document.querySelectorAll('a')` 然后过滤出我们需要的那部分：
+第一种是使用 `document.querySelectorAll('a')` 找到所有链接，然后过滤出我们需要的部分：
 
 ```js
 let links = document.querySelectorAll('a');
@@ -12,22 +12,22 @@ for (let link of links) {
 *!*
   let href = link.getAttribute('href');
 */!*
-  if (!href) continue; // no attribute
+  if (!href) continue; // 没有特性
 
-  if (!href.includes('://')) continue; // no protocol
+  if (!href.includes('://')) continue; // 没有协议
 
-  if (href.startsWith('http://internal.com')) continue; // internal
+  if (href.startsWith('http://internal.com')) continue; // 内部的
 
   link.style.color = 'orange';
 }
 ```
 
-请注意：我们用的是 `link.getAttribute('href')`。而不是 `link.href`，因为我们需要的是 HTML 上的值。
+请注意：我们用的是 `link.getAttribute('href')`。而不是 `link.href`，因为我们需要的是来自 HTML 的值。
 
-……除此之外，有一个更简便的方式是利用 CSS 选择器的伪类选择器：
+……另一种更简单的方法，是使用 CSS 选择器进行检查：
 
 ```js
-// 查找所有 href 中包含：// 的链接
+// 查找所有 href 中包含 :// 的链接
 // 但 href 不是以 http://internal.com 开头
 let selector = 'a[href*="://"]:not([href^="http://internal.com"])';
 let links = document.querySelectorAll(selector);
diff --git a/2-ui/1-document/06-dom-attributes-and-properties/2-yellow-links/task.md b/2-ui/1-document/06-dom-attributes-and-properties/2-yellow-links/task.md
@@ -2,12 +2,12 @@ importance: 3
 
 ---
 
-# 使外来链接变橙色
+# 将外部链接设为橙色
 
-改变所有外来链接的 `style` 属性，使链接变橙色。
+通过修改 `style` 属性，将所有外部链接变为橙色。
 
-如果一个链接是外来的：
-- 这个 `href` 包含有 `://`
+如果一个链接是外部的：
+- 其 `href` 中包含 `://`
 - 但不是以 `http://internal.com` 开头。
 
 例如：
@@ -24,12 +24,12 @@ importance: 3
 </ul>
 
 <script>
-  // 简单地为这些链接设置样式
+  // 为单个链接设置样式
   let link = document.querySelector('a');
   link.style.color = 'orange';
 </script>
 ```
 
-结果应该是这样的：
+结果应该是：
 
 [iframe border=1 height=180 src="solution"]
diff --git a/2-ui/1-document/06-dom-attributes-and-properties/article.md b/2-ui/1-document/06-dom-attributes-and-properties/article.md
