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