obj 스타일 획득:width,opacity 지원, IE8 ff chrome 호환

1188 단어
<html>
  <head>
    <title></title>
<style>
#div1{width:100px; height:120px; position:absolute; top:20px; left:100px; 
	background:red; color:white;
	opacity:0.2;
	filter:alpha(opacity=20);
}
</style>
  </head>
  <body>
  
  <div id=div1>div1</div>
  
  
    <script>
  /********************************
*        ok
********************************
* js style      html     ,           。
*     js  css       ?
* IE    currentStyle,            getComputed
*           ,  IE8 ff chrome。
*/
function getStyle3(obj_, attr){
        var obj = typeof obj == 'string' ? document.getElementById(obj_) :
obj_;//      ID,     ;
        
        var _value=obj.currentStyle? obj.currentStyle[attr] :  //for IE only
                getComputedStyle(obj, false)[attr] ;    //for ff/chrome only
        if (attr != 'opacity' ){//       [0, 100]
                return _value;
        }else{
                return _value*100;
        }
}
  
  var o = document.getElementById('div1');
  alert(  	getStyle3(o, 'opacity')	);  
</script>
  </body>
</html>

----

좋은 웹페이지 즐겨찾기