DOM

DOM level 1

主要是把dom0的方法进行汇总。
举个栗子：
在DOM level 1中的函数调用：

function print(){
  console.log('print')
}

HTML中：

<button id=x onclick=”print”></button>   ×
<button id=x onclick=”print()”></button>   √
<button id=x onclick=”print.call()”></button>    √

JS中：

x.onclick = print             √  
x.onclick = print()            ×
x.onclick = print.call()        ×

DOM level 2

推出了很多新功能：
包括DOM Events（DOM Events是一个单独的标准，但是还是属于DOM）、事件流，事件捕获，事件冒泡，事件取消。

常用的方法：
x.addEventListener('',function(){})
x.removeEventListener('',()=>{})

x.onclick = function(){}和x.addEventListener('click',()=>{})的区别
1.前者命名不清晰，没有使用驼峰式命名法。绑定事件具有唯一性，如果同时绑定两个click事件，那么前一个事件会被后一个事件覆盖
2.后者是一个队列，具有先进先出的特性，如果同时存在两个click，执行时不会被覆盖，会按顺序执行。