webcourse/Webcourse
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix images

Browse Source
This commit is contained in:
qianguyihao 2018-05-22 12:35:36 +08:00
parent 1a0d998e12
commit 0570c264ea
2 changed files with 14 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
03-JavaScript进阶/this.md
View File

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

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

@ -42,7 +42,7 @@
打印结果： 打印结果：
20180129_1407.png ![](http://img.smyhvae.com/20180129_1407.png)
上图显示，因为border属性不是行内样式，所以无法通过style对象获取。 上图显示，因为border属性不是行内样式，所以无法通过style对象获取。
@ -83,7 +83,7 @@ style属性需要注意以下几点：
打印结果： 打印结果：
20180129_1410.png ![](http://img.smyhvae.com/20180129_1410.png)
## style的常用属性 ## 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属性 ## js 访问css属性
@ -492,8 +494,8 @@ style的常用属性包括：
打印结果： 打印结果：
20180204_1425.png
![](http://img.smyhvae.com/20180204_1425.png)