IE低版本浏览器和其余浏览器通常都不同，为了实现兼容，能够采用如下的方法：
var myDiv = document.getElementById("ID");
/*针对不一样的浏览器采用不一样的方法*/
if(myDiv.currentStyle){ /*用于区分是什么类型的浏览器 IE*/
var outStyle = myDiv.currentStyle;
console.log(outStyle.left);
}else{ /*用于其余类型的浏览器*/
var outStyle = window.getComputedStyle(myDiv,null);
console.log(outStyle.left);
}浏览器
/*为元素添加事件监听 兼容各类浏览器*/
if(div.attachEvent){ //ie浏览器
div.attachEvent("onclick",show);
}else{
div.addEventListener("click",show,false);
}
/*一样的道理 为元素移除事件监听 兼容各类浏览器*/
if(div.detachEvent){
div.detachEvent("onclick",show);
}else{
div.removeEventListener("click",show,false);
}
当一个父级容器（如div）中包含有几个子集容器（div）时，任意点击一个容器（div），都会触发其余容器的事件。为了解决这类问题，示例以下：
//false 事件冒泡（从子元素到父元素） true：事件捕获（从父元素到子元素）
div1.addEventListener("click",showConsole1,false);
function showConsole1(e){
e = e || window.event;
// 事件冒泡的处理 阻止事件冒泡
if(e.stopPropagation){
e.stopPropagation(); //非ie
}else{
e.cancelBubble = true;
}
console.log("div1");
}
<a href="https://www.baidu.com/" onclick="showBaiDu(event)">众里寻他千百度</a>
/*三：取消默认事件*/
function showBaiDu(e){
if(e.preventDefault){ /*非IE浏览器*/
e.preventDefault();
}else{ /*IE浏览器*/
e.returnValue = false;
}
console.log("不跳转！");
}