监听事件+CSS样式增删改

    	**element.addEventListener(event, function, useCapture);**
		第一个参数是事件的类型 (如 "click" 或 "mousedown").
			第二个参数是事件触发后调用的函数。
		第三个参数是个布尔值用于描述事件是冒泡还是捕获。该参数是可选的

第一种为按钮添加事件-

html:
<P>该实例使用addEventListener（）方法在按钮中添加事件</P>
        <button id="myBtn">点我</button>
JS:
  document.getElementById("myBtn").addEventListener("click",function(){
   
        		alert("你好啊");
        	});
        	

第二种通过引用外部函数，给按钮添加事件

 /*引用外部函数    注意这块只用写函数名*/
             document.getElementById("btn1").addEventListener("click",myfunction);
             function myfunction(){
   
             	
             	alert ("helloword");
             }

第三种向同一个实例添加两个监听事件

 var x=document.getElementById("btn2");
            x.addEventListener("click",myfunction1);
            x.addEventListener("click",otherfunction);