Dom基础的一些兼容问题

• 获取标签中class属性

<div id="div1" class="bbb"></div>

window.onload=function(){

var div1 = document.getElementById("div1");
alert(div1.getAttribute("class"));//低版本IE不能获取
alert(div1.getAttribute("className"));//火狐 chrome某些版本不能获取
alert(div1.className);//都支持，所以获取class属性的时候尽量使用这种方式
}

• 标签中使用不合法的属性

var div1 = document.getElementsByName("div1")[0];
alert(div1);
//IE浏览器在获取不合法的HTML的name时，会获取不到
//也就是说name属性本身不属于div，所以IE会忽略

• 自定义属性

<div id="div1" aaa="bbb" name="div1" class="bbb"></div>

var div1 = document.getElementById("div1");
alert(div1.aaa); //自定义 W3c不合法，部分IE支持，非IE不支持
alert(div1.getAttribute("aaa"));//都支持

HTML通用属性style和onclick，IE7更低版本style返回一个对象，onclick返回一个函数式，IE8已经修复，需要避免使用getAttribute获取属性