zoukankan      html  css  js  c++  java
  • DOM2和DOM3

            在本章中,有一个重要的属性,就是getComputedStyle,它是document.defaultView中的方法,它接受两个参数,要取得计算样式的元素和一个伪元素的字符串(如‘after’),如果不需要伪元素的信息,第二个参数可以为null。getComputedStyle方法,返回一个CSSStyleDeclaration的对象,其中包含当前元素计算后的总样式。

           在IE中,不支持getComputedStyle方法,在IE中,每个具有style属性的元素还有一个currentStyle属性。这个属性是CSSStyleDeclaration的对象的实例,包含当前元素计算后的所有样式。

    复制代码
     1 <style>
     2         #test {background-color: red;
     3                     100px;
     4                    height: 100px;}
     5     </style>
     6 </head>
     7 <body>
     8     <div id="test" style="border:1px solid black"></div>
     9     <script>
    10         var div = document.getElementById('test');
    11         var t = document.defaultView.getComputedStyle(div)||div.currentStyle;
    12         alert(t.backgroundColor);
    13         alert(t.width);
    14         alert(t.height);
    15         alert(t.border);//某些浏览器会返回值
    16     </script>
    复制代码

    对border而言,在一些浏览器中会包含其他多个属性,所以像Firefox,IE中不返回border属性,而Chrome返回的也不一定是实际设置的值。

  • 相关阅读:
    CSS实现DIV水平自适应居中
    jQuery实现鼠标拖动改变Div高度
    Word2013创建目录
    raw,cow,qcow,qcow2镜像的比较
    Chrome浏览器官方下载地址
    OLE/COM 对象查看器 & OLE常用术语
    VmWare为Fedora虚拟机扩展磁盘
    Linux常用命令
    项目经理与客户沟通的宜与忌
    转 FileStream Read File
  • 原文地址:https://www.cnblogs.com/ydaimee/p/6753748.html
Copyright © 2011-2022 走看看