JavaScript提取非行間樣式

提取行間樣式一般格式

      object.style.width=value;

提取非行間樣式

IE瀏覽器下的寫法:obj.currentStyle.name

火狐瀏覽器或者谷歌瀏覽器的寫法:getComputedStyle(obj,false).name

           爲了統一兼容,可相互結合使用

<script>
       function getStyle(obj,name){
            if(oDiv.currentStyle)       
	    {
	        alert(oDiv.currentStyle.width);      //IE瀏覽器下
              }
	    else{
	        alert(getComputedStyle(oDiv,false).width); //火狐或谷歌瀏覽器下
	    }
     



	window.onload=function (){
	       var oDiv=document.getElementById('test');
	       alert(getStyle(oDiv,'width'));
      }   
</script>
</head>

<body>
<div id="test" style="width:100px;height:100px;background:#0066CC;"></div>
</body>

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章