码迷,mamicode.com
首页 > 其他好文 > 详细

笔记-[1]-获取元素样式值的兼容性问题解决方法。

时间:2014-06-06 13:52:29      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:c   style   java   a   ext   get   

在获取某些元素的样式值时需要用到不同的兼容方法来获取,如获取div的height的值

代码:

<html>

<style>

#div1{width:100px;height:100px;background:red;}//获取非行间样式

</style>

<div id="div1">

</div>

</html>

JS兼容版获取样式值:

<script type="text/javascript">

window.onload=function(){

  //定义一个function getStyle

  var oDiv=document.getElementById(‘div1‘);

  function getStyle(obj,attr){

      if(obj.currentStyle){

      return obj.currentStyle[attr];//ie下

      }else{

      return getComputedStyle(obj,false)[attr];//非ie下

      }

  }

  //调用方法获取值

  getStyle(oDiv,‘width‘);//100px

}

</script>

 

 

/*主要的兼容代码*/

function getStyle(obj,attr){

      if(obj.currentStyle){

      return obj.currentStyle[attr];//ie下

      }else{

      return getComputedStyle(obj,false)[attr];//非ie下

      }

}

或者

return obj.currentStyle?obj.currentStyle[attr]:getComputedStyle(obj,false)[attr];

笔记-[1]-获取元素样式值的兼容性问题解决方法。,布布扣,bubuko.com

笔记-[1]-获取元素样式值的兼容性问题解决方法。

标签:c   style   java   a   ext   get   

原文地址:http://www.cnblogs.com/hellome/p/3766670.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!