返回到：DOM对象：CSS 样式声明对象
定义和使用
setProperty() 方法用于设置一个新的 CSS 属性，同时也可以修改 CSS 声明块中已存在的属性。
所有主要浏览器都支持setProperty() 方法
语法
object.setProperty(propertyname, value, priority)属性值
| 参数 | 描述 |
|---|---|
| propertyname | 必需。一个字符串，表示创建或修改的属性。 |
| value | 可选，新的属性值。 |
| priority | 可选。字符串，规定是否需要设置属性的优先级 important。 可以是下面三个值: “important” undefined “” |
技术细节
| DOM 版本: | CSS Object Model |
|---|---|
| 返回值: | undefined |
实例
DEMO1：设置一个新的 CSS 属性。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程(Web176.com)</title>
<style>
#ex1 {
color: red;
}
</style>
</head>
<body>
<h1>setProperty() 方法</h1>
<p>点击按钮设置一个新的 CSS 属性。</p>
<button onclick="myFunction()">点我</button>
<div id="ex1">一些文本。</div>
<script>
function myFunction() {
var declaration = document.styleSheets[0].cssRules[0].style;
var setprop = declaration.setProperty("background-color", "yellow");
}
</script>
</body>
</html>DEMO2：设置一个新的 CSS 属性，并使用 “important” 优先级。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程(Web176.com)</title>
<style>
#ex1 {
color: red;
}
</style>
</head>
<body>
<h1>setProperty() 方法</h1>
<p>点击按钮设置一个新的 CSS 属性，并使用 "important" 优先级。</p>
<button onclick="myFunction()">点我</button>
<div id="ex1">一些文本。</div>
<script>
function myFunction() {
var declaration = document.styleSheets[0].cssRules[0].style;
var setprop = declaration.setProperty("background-color", "yellow", "important");
}
</script>
</body>
</html>作者：terry，如若转载，请注明出处：https://www.web176.com/javascriptbook/domtips/3799.html
支付宝 
微信 