當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


CSS CSSStyleDeclaration getPropertyPriority()用法及代碼示例


getPropertyPriority()方法用於檢查指定的CSS屬性是否具有設置為“important”的優先級。

用法:

object.getPropertyPriority(propertyname)

參數:它接受一個參數:


  • propertyname:它是必需參數,其中包含一個字符串,該字符串表示要檢查的屬性的名稱。

返回值:它以字符串形式返回屬性的優先級。如果不存在,則返回一個空字符串。

例:要顯示getPropertyPriority()方法的用法原理:

<html> 
  
<head> 
    <style> 
        body { 
            text-align:center; 
        } 
          
        h1 { 
            color:green; 
        } 
          
        #p1 { 
            color:green; 
            font-size:20 !important; 
        } 
    </style> 
</head> 
  
<body> 
    <h1>GeeksforGeeks</h1> 
  
    <p id="p1"> 
      getPropertyPriority() Method 
  </p> 
  
    <button onclick="myFunction()"> 
        Get property priority 
    </button> 
  
    <p id="gfg"></p> 
  
    <!-- Script to get the 
       priority of the property -->
    <script> 
        
        function myFunction() { 
            
            var x =  
                document.styleSheets[ 
                  0].cssRules[2].style; 
            
            var prior =  
                x.getPropertyPriority( 
                  "font-size"); 
            
            document.getElementById("gfg").innerHTML = 
                "Priority of font-size is " + prior; 
        } 
    </script> 
</body> 
  
</html>

輸出:
在單擊按鈕之前:

單擊按鈕後:

支持的瀏覽器:

  • 穀歌瀏覽器
  • Internet Explorer 9.0
  • Firefox
  • Safari
  • Opera


相關用法


注:本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 CSSStyleDeclaration getPropertyPriority() Method。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。