Javascript兼容性之——getAttribute(),setAttribute()（获取设置属性）

做前端的，总是要跟兼容性打交道，CSS兼容性，JS兼容性，这里我总结了一些getAttribute(),setAttribute()在不同浏览器下兼容性以及如何解决这些问题：

?

?
?
var el = document.getElementById("idHeader");alert(el.getAttribute("id"));alert(el.id);IE Firfox->idHeaderalert(el.getAttribute("class"));//IE6,IE7 -> null IE8,IE9,Firefox ->class-headeralert(el.class);//IE6,IE7,IE8->报错 IE9,Firefox->undefinedalert(el.getAttribute("className"));//IE6,IE7->class-header ; IE8,IE9,Firefox -> undefinedalert(el.className);//All -> class-headervar elfor = document.getElementById("forUserName");alert(elfor.getAttribute("for"));//IE6,IE7->undefined IE8,9,Firefox->forUseNamealert(elfor.for )//IE6,IE7报错,其它为undefinedalert(elfor.title)//全部输出kingwellalert(elfor.status);//IE6-8 -> 1 IE9,Firefox->undefinedalert(elfor.getAttribute("status"))//全部输出 1 
?
??? 
??? /*总结：
??? 1:常规属性建议使用 node.XXXX。
??? 2:自定义属性建议使用node.getAttribute("XXXX")。
??? 3:当获取的目标是JS里的关键字时建议使用node.getAttribute("XXX")，如label中的for。
??? 4:当获取的目标是保留字,如：class,请使用className代替。
??? */
?
这里是分析的是getAttribute(),setAttribute()同理。
?
如果觉得有用的话就顶一下? ^_^? ....