document.defaultView.getComputedStyle

最新推荐文章于 2022-02-13 14:03:56 发布

kinglilei

最新推荐文章于 2022-02-13 14:03:56 发布

阅读量4.8k

点赞数

分类专栏： javascript 文章标签： stylesheet null function qq ie class

本文链接：https://blog.csdn.net/kinglilei/article/details/6784707

版权

javascript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<html >
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>currentStyle</title>
    <!-- <style type="text/css">
      
    </style>-->
    <link rel="Stylesheet" href="StyleSheet.css" type="text/css" />
</head>
<body>
    <div id="qq" class="divtitle">
        测试样式</div>

    <script type="text/javascript">
//document.defaultView.getComputedStyle 这是w3c标准方法，取得元素的样式信息，因为有些样式是在外部css文件定义的，所以用element.style是取不到的 如果是IE,可以用 element.currentStyle["name"]

   function GetCurrentStyle (obj, prop)
   {
      if (obj.currentStyle) //IE
      {
          return obj.currentStyle[prop];
      }
      else if (window.getComputedStyle) //非IE
      {
          propprop = prop.replace (/([A-Z])/g, "-$1");
          propprop = prop.toLowerCase ();
          return document.defaultView.getComputedStyle(obj,null)[propprop];
      }
     return null;

   }
   var dd=document.getElementById("qq");
   alert(GetCurrentStyle(dd,"color"));
    </script>

</body>
</html>

外部样式：StyleSheet

.divtitle
        {
            background: blue;
            color: #cdcdcd;
            width: 200px;
        }

kinglilei

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
document.defaultView.getComputedStyle

currentStyle --> 测试样式 //document.defaultView.getComputedStyle 这是w3c标准方法，取得元素的样式信息，因为有些样式是在外部css文件定
复制链接

扫一扫