返回到:DOM对象:CSS 样式声明对象
定义和使用
getPropertyValue() 方法返回指定的 CSS 属性的值。
所有主要浏览器都支持getPropertyValue() 方法。
语法
object.getPropertyValue(propertyname)属性值
| 参数 | 描述 |
|---|---|
| propertyname | 必需。一个字符串,表示要检测的属性名。 |
技术细节
| DOM 版本: | CSS Object Model |
|---|---|
| 返回值: | 字符串, 表示属性值。 |
实例
返回 color 属性的值。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程(Web176.com)</title>
<style>
#ex1 {
color: red !important;
}
</style>
</head>
<body>
<h1>getPropertyValue() 方法</h1>
<p>点击按钮返回 color 属性值。</p>
<button onclick="myFunction()">点我</button>
<div id="ex1">一些文本。</div>
<script>
function myFunction() {
var declaration = document.styleSheets[0].cssRules[0].style;
var propvalue = declaration.getPropertyValue("color");
alert(propvalue);
}
</script>
</body>
</html>作者:terry,如若转载,请注明出处:https://www.web176.com/javascriptbook/domtips/3791.html
支付宝
微信