关于 ie getAttribute() 的实现bug

在写通过元素 class 属性的时候遇到的 ie6、ie7在处理 getAttribute() 时与firefox 和 chrome的区别

<div><p></p><p></p><div><h3 class="items"></h3><p></p><p class="item" title="p元素" id="pi"></p><p></p><p></p></div><div><form><p></p></form></div></div>

js代码如下

<script type="text/javascript">function getElementByClass(name){var element = document.body.getElementsByTagName('*');var i=j=0;var arr= new Array();for(i=0;i<element.length; i++){//document.write(element[i].className + '     ');document.write(element[i].getAttribute('class') + "   ");if(element[i].getAttribute('class') == name){arr[j] = element[i].nodeName;}}return arr;}var p='item';var str = getElementByClass(p);alert(str);</script>

在使用getAttribute('class')时，在firefox 、chrome 、safari中都可一的到正确的结果，即可以的到 p 元素，但是ie6 、 ie7 不能得到class属性的值。ie8修复了这个bug，可以使用getAttribute('class')得到正确的结果。

把getAttribute('class')改为 getAttribute('className')时在ie6 、ie7 下可以显示正确，但是在firefox 、chrome 、safari中不正确。当我用//document.write(element[i].className + ' ');时可一在以上浏览器中正确显示。所以我认为为了减少浏览器差异给编程带来影响，使用element[i].className ，即属性的方式更好。