兼容性

IE浏览器兼容性

获取下一个相邻兄弟姊妹标签节点

• 非IE8支持 nextElementSibling
• IE8及以下支持 nextSibling

创建节点 innerHTML/textContent

• innerHTML低版本浏览器都支持，低版本火狐浏览器不支持
• textContent火狐浏览器支持

获得元素的内嵌任意属性

window.getComputeStyle(obj,null)[attr]

• 火狐和谷歌浏览器支持
• IE8及之前浏览器不支持

obj.currentStyle[attr]

• IE8支持obj.currentStyle[attr]

事件对象event

• 普通浏览器支持event
• IE678支持window.event
• 兼容方式 var event = event || window.event

注册事件的方式

1. obj.addEventListener(type,listener,false)

• false 是否支持事件捕获
• IE8及之前浏览器不支持

2. obj.attachEvent("on"+type,listener,false)

• IE8及以下支持注册事件的方式

3. 支持on方式

• obj["on"+type] = listener

移除事件的方法

1. removeEventListener 高级浏览器支持的方式
2. detachEvent 低版本的浏览器支持

阻止事件冒泡

1. stopPropagation 取消冒泡和捕获
2. event.cancelBubble = true;

• 取消冒泡(IE中不支持捕获)