简单谈谈DOM0级和DOM2级

DOM0级

添加事件的方式有两种：
1、标签内写onclick事件

<input id="myButton" type="button" value="Press Me" onclick="alert('thanks');" >

2、JS写onlicke=function（）{}函数

document.getElementById("myButton").onclick = function () {
    alert('thanks');
}

还用一点，DOM0级添加事件时，后面的事件会覆盖前面的事件！而DOM2级则不会，多个事件都会执行！

DOM2级

添加事件和移除事件的方式只有一种：addEventListener()和removeEventListener()。

document.getElementById("myTest").addEventListener("click", function(){alert(1)}, false);

它有三个参数：

• 1、第一个参数是事件名（如click）
• 2、第二个参数是事件处理程序函数
• 3、 第三个参数如果是true则表示在捕获阶段调用，为false表示在冒泡阶段调用。

只有2级DOM包含3个事件：事件捕获阶段、处于目标阶段和事件冒泡阶段