CSSStyleDeclaration getPropertyPriority() 方法

语法

var priority = style.getPropertyPriority(property);

• style：表示要获取样式属性优先级的元素的 style 对象。
• property：表示要获取优先级的样式属性名。

返回值

• priority：返回一个字符串，表示指定样式属性的优先级。如果未设置优先级，则返回空字符串。

示例

假设我们有一个 <div> 元素，样式如下：

<div id="myDiv" style="color: red !important;"></div>

我们可以使用 JavaScript 来获取该元素的颜色属性的优先级：

var element = document.getElementById('myDiv');
var style = window.getComputedStyle(element);
var priority = style.getPropertyPriority('color');
console.log(priority); // 输出 'important'

在上面的示例中，getPropertyPriority() 方法返回了 'important'，表示颜色属性设置了 !important 优先级。

注意事项

• getPropertyPriority() 方法只能用于获取内联样式或通过 JavaScript 动态设置的样式的优先级，无法获取外部样式表或内部样式表中的样式属性的优先级。
• 如果样式属性未设置优先级，则返回空字符串。
• 只有通过使用 !important 关键字设置的样式属性才会有优先级，其他样式属性的优先级默认为普通。

通过 getPropertyPriority() 方法，我们可以方便地获取元素样式属性的优先级，从而更好地控制和调整页面样式。希望本文对你有所帮助！