[原]IE 和FF 获取class属性的问题

    这是一个老问题了，做个记录吧。简单来说，就是IE8之前的版本，需使用getAttribute(‘className’)才能获得class属性的值，FF及IE8之后的版本则是W3C 的标准getAttribute(‘class’)。

以下代码：

<script type="text/javascript">function say() {  var spans = document.getElementsByTagName('span');  for (var i=0;i<spans.length;i++) {    if ( spans[i].getAttribute('class') == 'line' )      alert('find it');    else      alert(spans[i].getAttribute('class'));  }  return false;}</script><br /><span class="line">每一行</span><br />Click<br />
在IE 8或FF下会显示：

若在IE 8兼容模式下，则变为：

这时，可修改为如下代码：

function say() {<br />  var spans = document.getElementsByTagName('span');<br />  for (var i=0;i<spans.length;i++) {    if ( spans[i].getAttribute('class') == 'line' || spans[i].getAttribute('className') == 'line')      alert('find it');    else      alert(spans[i].getAttribute('class'));  }  return false;}结果：