返回到: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