方法

Node.contains(node)

返回的是一个布尔值，来表示传入的节点是否为该节点的后代节点

<body>
  <div id="id1">
    1
    <div id="id2">2</div>
  </div>
  <script>
    var cc1  = document.getElementById('id1')
    var cc2  = document.getElementById('id2')
    console.log('cc2.contains(cc1)', cc2.contains(cc1))
    console.log('cc1.contains(cc2)', cc1.contains(cc2))
  </script>
</body>

cc2.contains(cc1) false

cc1.contains(cc2) true

属性	addEventListener	attachEvent
this	`正在处理事件的那个DOM对象`	`总是Window`
捕获	支持	不支持
支持度	除了IE9以下	IE9以下
捕获	支持	不支持

属性

currentTarget ：和 addEventListener 的this是同一个，表示正在处理的DOM对象
target ：触发的源头DOM

onclick在HTML和脚本中this指向的区别

<div onclick="clickHandler()"></div>
<script>
function clickHandler(){
    console.log(this); ==> window
}
</script>

在HTML中设置onclick属性相当于让Window来调用该处理函数，于是this总是Window

DOM-[contains, attachEvent]

方法

属性

onclick在HTML和脚本中this指向的区别