docs: fix typos

docs/dom/element.md

@@ -709,11 +709,7 @@ Object.keys(rect) // []
 对于盒状元素（比如`<div>`和`<p>`），该方法返回的对象中只有该元素一个成员。对于行内元素（比如`<span>`、`<a>`、`<em>`），该方法返回的对象有多少个成员，取决于该元素在页面上占据多少行。这是它和`Element.getBoundingClientRect()`方法的主要区别，后者对于行内元素总是返回一个矩形。
 
 ```html
-<span id="inline">
-Hello World
-Hello World
-Hello World
-</span>
+<span id="inline">Hello World Hello World Hello World</span>
 ```
 
 上面代码是一个行内元素`<span>`，如果它在页面上占据三行，`getClientRects`方法返回的对象就有三个成员，如果它在页面上占据一行，`getClientRects`方法返回的对象就只有一个成员。
@@ -730,6 +726,18 @@ el.getClientRects()[0].width // 105.908203125
 
 这个方法主要用于判断行内元素是否换行，以及行内元素的每一行的位置偏移。
 
+注意，如果行内元素包括换行符，那么该方法会把换行符考虑在内。
+
+```html
+<span id="inline">
+  Hello World
+  Hello World
+  Hello World
+</span>
+```
+
+上面代码中，`<span>`节点内部有三个换行符，即使 HTML 语言忽略换行符，将它们显示为一行，`getClientRects()`方法依然会返回三个成员。如果行宽设置得特别窄，上面的`<span>`元素显示为6行，那么就会返回六个成员。
+
 ### Element.insertAdjacentElement()
 
 `Element.insertAdjacentElement`方法在相对于当前元素的指定位置，插入一个新的节点。该方法返回被插入的节点，如果插入失败，返回`null`。

docs/events/event.md

@@ -201,7 +201,7 @@ function giveDetails(e) {
   console.log(e.detail);
 }
 
-document.selectQuery('p') = giveDetails;
+document.querySelector('p').onclick = giveDetails;
 ```
 
 ## 实例方法

docs/features/console.md

@@ -337,7 +337,7 @@ console.groupEnd(); // 一级分组结束
 console.groupEnd(); // 二级分组结束
 ```
 
-上面代码会将“二级分组”显示在“一级分组”内部，并且“一级分类”和“二级分类”前面都有一个折叠符号，可以用来折叠本级的内容。
+上面代码会将“二级分组”显示在“一级分组”内部，并且“一级分组”和“二级分组”前面都有一个折叠符号，可以用来折叠本级的内容。
 
 `console.groupCollapsed`方法与`console.group`方法很类似，唯一的区别是该组的内容，在第一次显示时是收起的（collapsed），而不是展开的。
 

docs/stdlib/attributes.md

@@ -339,7 +339,7 @@ for (var key in obj) {
 // undefined
 
 Object.keys(obj)  // []
-JSON.stringify(obj) // "{a:1, b:2, c:3}"
+JSON.stringify(obj) // "{}"
 ```
 
 上面代码中，`obj.x`属性的`enumerable`为`false`，所以一般的遍历操作都无法获取该属性，使得它有点像“秘密”属性，但不是真正的私有属性，还是可以直接获取它的值。

docs/stdlib/math.md

@@ -66,7 +66,7 @@ Math.max() // -Infinity
 
 ### Math.floor()，Math.ceil()
 
-`Math.floor`方法小于参数值的最大整数（地板值）。
+`Math.floor`方法返回小于参数值的最大整数（地板值）。
 
 ```javascript
 Math.floor(3.2) // 3