创建元素的三种方式：

1.dociment.write("<p>文本</p>");

2.父元素.innerHTML="<p>文本</p>";

3.①var pObj=document.createElement("标签名")；②父元素.appendChild(pObj);

绑定事件：

addEventListener("不加on的事件类型",function(){},false)====谷歌，火狐，ie11支持，ie8不支持

      举例：my$("btn").addEventListener("click",f1,false);

解绑事件：

removeEventListener("不加on的事件类型",function(){},false);

      举例：my$("btn").removeEventListener("click",f2,false);

绑定事件：attachEvent("加on的事件类型"，事件处理函数);=====谷歌，火狐，ie11不支持，ie8支持

my$("btn").attachEvent("onclick",f1);
解绑事件：detachEvent("加on的事件类型"，事件处理函数);

my$("btn").detachEvent("onclick",f1);

事件的阶段：
    *  1.捕获阶段:由外到内
    *   2.目标阶段：选择的那个
    *   3.冒泡阶段：由内到外
    *
    * e.eventPhase:查看事件触发时显示的阶段
    *  1===捕获阶段
    *  2===目标阶段
    *  3===冒泡阶段
    *
    *  addEventListener（事件的类型，事件处理函数，控制事件阶段的）；
    *  第三个参数为false：冒泡，如果为true：捕获
    *
    *  阻止事件冒泡：
    *  ①e.stopPropgation-----e是事件参数对象，是火狐特有的-----谷歌火狐支持，ie8不支持
    *  ②window.event.cancelBubble---window.event是事件参数对象，是ie特有的，ie不支持e，----谷歌ie支持，火狐不支持