学步园

  <select id="w1" class="test1"></select>
  <label for="test2" id="w2"></label>
  <div class="test3" id="w3"></div>
<script type="text/javascript">
var foo=document.getElementById('w1');
var foo2=document.getElementById('w2');
var foo3=document.getElementById('w3');

alert(foo.getAttribute('class')) //w3c 
alert(foo.getAttribute('className')) //IE6 7

alert(foo2.getAttribute('for')) //w3c
alert(foo2.getAttribute('htmlFor')) //IE6 7

foo3.style.cssFloat='right' //w3c
foo3.style.styleFloat='right' //IE

foo3.style.opacity='0.5'; //w3c
foo3.style.filter='alpha(opacity=50)' //IE

IE8+ 和其他标准浏览器显示效果相同；值得注意的是label标签，在js中取属性for值的时候，IE6 7 是getAttribute('htmlFor')；其他浏览器是getAttribute('for')