docs(dom): edit parentNode

ruanyf · ruanyf · commit ce1ed097ff14 · 2020-12-02T04:23:01.000+08:00
diff --git a/docs/dom/parentnode.md b/docs/dom/parentnode.md
@@ -54,9 +54,11 @@ document.body.childElementCount // 13
 
 ### ParentNode.append()，ParentNode.prepend()
 
-`append`方法为当前节点追加一个或多个子节点，位置是最后一个元素子节点的后面。
+**（1）ParentNode.append()**
 
-该方法不仅可以添加元素子节点，还可以添加文本子节点。
+`append()`方法为当前节点追加一个或多个子节点，位置是最后一个元素子节点的后面。
+
+该方法不仅可以添加元素子节点（参数为元素节点），还可以添加文本子节点（参数为字符串）。
 
 ```javascript
 var parent = document.body;
@@ -78,17 +80,25 @@ var p = document.createElement('p');
 parent.append('Hello', p);
 ```
 
-注意，该方法没有返回值。
+该方法没有返回值。
+
+注意，该方法与`Node.prototype.appendChild()`方法有三点不同。
+
+- `append()`允许字符串作为参数，`appendChild()`只允许接受子节点作为参数。
+- `append()`没有返回值，而`appendChild()`返回添加的子节点。
+- `append()`可以附加多个子节点和字符串（即允许多个参数），`appendChild()`只能添加一个节点（即只能有一个参数）。
+
+**（2）ParentNode.prepend()**
 
-`prepend`方法为当前节点追加一个或多个子节点，位置是第一个元素子节点的前面。它的用法与`append`方法完全一致，也是没有返回值。
+`prepend()`方法为当前节点追加一个或多个子节点，位置是第一个元素子节点的前面。它的用法与`append()`方法完全一致，也是没有返回值。
 
 ## ChildNode 接口
 
 如果一个节点有父节点，那么该节点就拥有了`ChildNode`接口。
 
 ### ChildNode.remove()
 
-`remove`方法用于从父节点移除当前节点。
+`remove()`方法用于从父节点移除当前节点。
 
 ```javascript
 el.remove()
@@ -98,7 +108,9 @@ el.remove()
 
 ### ChildNode.before()，ChildNode.after()
 
-`before`方法用于在当前节点的前面，插入一个或多个同级节点。两者拥有相同的父节点。
+**（1）ChildNode.before()**
+
+`before()`方法用于在当前节点的前面，插入一个或多个同级节点。两者拥有相同的父节点。
 
 注意，该方法不仅可以插入元素节点，还可以插入文本节点。
 
@@ -119,15 +131,18 @@ el.before(p, p1);
 el.before(p, 'Hello');
 ```
 
-`after`方法用于在当前节点的后面，插入一个或多个同级节点，两者拥有相同的父节点。用法与`before`方法完全相同。
+**（2）ChildNode.after()**
+
+`after()`方法用于在当前节点的后面，插入一个或多个同级节点，两者拥有相同的父节点。用法与`before`方法完全相同。
 
 ### ChildNode.replaceWith()
 
-`replaceWith`方法使用参数节点，替换当前节点。参数可以是元素节点，也可以是文本节点。
+`replaceWith()`方法使用参数节点，替换当前节点。参数可以是元素节点，也可以是文本节点。
 
 ```javascript
 var span = document.createElement('span');
 el.replaceWith(span);
 ```
 
 上面代码中，`el`节点将被`span`节点替换。
+
