CSSStyleDeclaration getPropertyPriority() 方法 | CSS样式声明对象

返回到:DOM对象:CSS 样式声明对象

定义和使用

getPropertyPriority() 方法返回指定的 CSS 属性是否设置了 “important!” 优先级。如果返回 “important” 则表明设置了优先级,否则没有。

所有主要浏览器都支持getPropertyPriority() 方法。

语法

object.getPropertyPriority(propertyname)

属性值

参数描述
propertyname必需。一个字符串,表示要检测的属性名。

技术细节

DOM 版本:CSS Object Model
返回值:字符串, 表示设置了优先级,如果为空则表示没有设置优先级。

实例

返回 color 属性是否设置了 “important!” 优先级:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程(Web176.com)</title>
<style>
#ex1 {
  color: red !important;
}
</style>
</head>
<body>
<h1>getPropertyPriority() 属性</h1>

<p>点击按钮返回 color 属性是否设置了 "important!" 优先级</p>

<button onclick="myFunction()">点我</button>

<div id="ex1">一些文本</div>

<script>
function myFunction() {
  var declaration = document.styleSheets[0].cssRules[0].style;
  var priority = declaration.getPropertyPriority("color");
  alert(priority);
}
</script>

</body>
</html>

作者:terry,如若转载,请注明出处:https://www.web176.com/javascriptbook/domtips/3787.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2021年9月23日 下午4:47
下一篇 2021年9月23日 下午5:02

相关推荐

发表回复

登录后才能评论