From 0570c264eae29d48f1f71d5c3ac593139397edfe Mon Sep 17 00:00:00 2001 From: qianguyihao Date: Tue, 22 May 2018 12:35:36 +0800 Subject: [PATCH] fix images --- 03-JavaScript进阶/this.md | 11 ++++++----- .../06-DOM操作练习:通过style对象设置样式.md | 14 ++++++++------ 2 files changed, 14 insertions(+), 11 deletions(-) diff --git a/03-JavaScript进阶/this.md b/03-JavaScript进阶/this.md index 37293aa..1295300 100644 --- a/03-JavaScript进阶/this.md +++ b/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 @@
div0
-
div1
-
div2
-
div3
-
div4
+
div1
+
div2
+
div3
+
div4
@@ -58,7 +59,7 @@ ``` -点击其中的任何一个元素后,上方代码的正确打印结果是5。你可能会觉得很惊讶。我们来解释一下: +点击其中的任何一个元素后,`i`的打印结果是5。你可能会觉得很惊讶。我们来解释一下: 当代码执行完毕后,i已经等于5了。因为一旦运行程序,for循环已经执行完了,此时i等于5。 diff --git a/04-前端基本功:CSS和DOM练习/06-DOM操作练习:通过style对象设置样式.md b/04-前端基本功:CSS和DOM练习/06-DOM操作练习:通过style对象设置样式.md index 1da2073..68a7d77 100644 --- a/04-前端基本功:CSS和DOM练习/06-DOM操作练习:通过style对象设置样式.md +++ b/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)