在 Web 前端开发中，我们经常需要操作和获取元素的样式信息。CSSStyleDeclaration 接口提供了一系列方法来帮助我们操作元素的样式属性。其中，getPropertyPriority() 方法用于获取指定样式属性的优先级。
语法
--- -------- - ------------------------------------
style：表示要获取样式属性优先级的元素的 style 对象。property：表示要获取优先级的样式属性名。
返回值
priority：返回一个字符串，表示指定样式属性的优先级。如果未设置优先级，则返回空字符串。
示例
假设我们有一个 <div> 元素，样式如下：
---- ---------- ------------- --- -------------------
我们可以使用 JavaScript 来获取该元素的颜色属性的优先级：
--- ------- - --------------------------------- --- ----- - --------------------------------- --- -------- - ----------------------------------- ---------------------- -- -- -----------
在上面的示例中，getPropertyPriority() 方法返回了 'important'，表示颜色属性设置了 !important 优先级。
注意事项
getPropertyPriority()方法只能用于获取内联样式或通过 JavaScript 动态设置的样式的优先级，无法获取外部样式表或内部样式表中的样式属性的优先级。- 如果样式属性未设置优先级，则返回空字符串。
- 只有通过使用
!important关键字设置的样式属性才会有优先级，其他样式属性的优先级默认为普通。
通过 getPropertyPriority() 方法，我们可以方便地获取元素样式属性的优先级，从而更好地控制和调整页面样式。希望本文对你有所帮助！