fix images

03-JavaScript进阶/this.md

@@ -37,6 +37,7 @@
         for (var i = 0; i < myDiv.length; i++) {
             myDiv[i].onclick = function () {
                 console.log(i);
+                console.log(this.id);
             }
         }
 
@@ -45,10 +46,10 @@
 </script>
 <section>
     <div id="div0"> div0</div>
-    <div id="div0"> div1</div>
-    <div id="div0"> div2</div>
-    <div id="div0"> div3</div>
-    <div id="div0"> div4</div>
+    <div id="div1"> div1</div>
+    <div id="div2"> div2</div>
+    <div id="div3"> div3</div>
+    <div id="div4"> div4</div>
 </section>
 
 
@@ -58,7 +59,7 @@
 ```
 
 
-点击其中的任何一个元素后，上方代码的正确打印结果是5。你可能会觉得很惊讶。我们来解释一下：
+点击其中的任何一个元素后，`i`的打印结果是5。你可能会觉得很惊讶。我们来解释一下：
 
 当代码执行完毕后，i已经等于5了。因为一旦运行程序，for循环已经执行完了，此时i等于5。
 

04-前端基本功：CSS和DOM练习/06-DOM操作练习：通过style对象设置样式.md

@@ -42,7 +42,7 @@
 
 打印结果：
 
-20180129_1407.png
+![](http://img.smyhvae.com/20180129_1407.png)
 
 上图显示，因为border属性不是行内样式，所以无法通过style对象获取。
 
@@ -83,7 +83,7 @@ style属性需要注意以下几点：
 
 打印结果：
 
-20180129_1410.png
+![](http://img.smyhvae.com/20180129_1410.png)
 
 ## style的常用属性
 
@@ -365,7 +365,9 @@ style的常用属性包括：
 
 实现的效果如下：
 
-20180129_1520.gif
+![](http://img.smyhvae.com/20180129_1520.gif)
+
+
 
 代码解释：
 
@@ -402,7 +404,7 @@ style的常用属性包括：
 
 这种错误的代码，实现的效果却是：（未达到效果）
 
-20180129_1525.gif
+![](http://img.smyhvae.com/20180129_1525.gif)
 
 
 ## js 访问css属性
@@ -492,8 +494,8 @@ style的常用属性包括：
 
 打印结果：
 
-20180204_1425.png
-
+
+![](http://img.smyhvae.com/20180204_1425.png)