JavaScript |窗口 getComputedStyle() 方法

getComputedStyle() 方法用于获取所有计算的 CSS 属性和指定元素的值。
计算样式的使用是在应用了来自多个来源的样式后显示元素。
getComputedStyle() 方法返回一个 CSSStyleDeclaration 对象。

句法：

window.getComputedStyle(element, pseudoElement)

参数：

• element：获取计算样式的元素
• pseudoElement：要获取的伪元素。这是一个可选参数。

示例：返回 div 中文本的字体系列。

  

    
        HTML | DOM Window getComputedStyle() Method
    
  
    
        div {
            color: white;
            text-align: justify;
        }
    

  

    
        
            
                Try it
            
        
        
            Geeks for Geeks
        
        
          The computed font-family of text 
          in the test div is:
          
        
  
        
            function myFunction() {
  
                var elem = document.getElementById("test");
                var theCSSprop =
                    window.getComputedStyle(
                        elem, null).getPropertyValue("font-family");
                document.getElementById("demo").innerHTML = 
                                  theCSSprop;
            }
        
    

  

输出：
在点击按钮之前：

点击按钮后：

支持的浏览器： Window getComputedStyle() 方法支持的浏览器如下：

• 谷歌浏览器 11.0
• 互联网浏览器 9.0
• 火狐4.0
• 歌剧 11.5
• 野生动物园 5