JavaScript提取非行间样式

最新推荐文章于 2024-03-01 17:18:08 发布

爞笑

最新推荐文章于 2024-03-01 17:18:08 发布

阅读量106

点赞数

提取行间样式一般格式

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>