Javascript 进阶 5-9 this : DOM

这篇文章对于HTML的DOM元素上的操作的时候， this 的指向会有甚么不同

主要会分成两个部分，分别是 直接把方法写在元素上面 以及 针对监听器的绑定

直接把方法写在元素上面

这样的写法呢，会直接将 this 绑定在该 DOM 的元素上

那么这样的好处就是方便我们在开发的时候，会更为轻鬆。

但是这样的方式会直接将该 DOM 元素的标籤呈现出来，所以比较建议是使用 console.dir

透过这样的方式显示的话就会是一个单纯的物件，也可以透过这个物件我们知道她详细的内容是甚么

针对监听器的绑定

我们来看一下下面的例子

照这样的写法，我们先取得每个 Li 的 DOM 元素，并且利用 for 迴圈绑定 click 的监听事件。

只要这些 Li 被点击的时候，就会触发 fn 的 function ，并将 this 绑定在点击的 Li 上。

那么这个章节就是说明绑定 this 到触发该 function 的元素上，进行开发上的操作。

如果没有问题的话就继续往下看吧~!汪汪~