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

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

定义和使用

removeProperty() 方法用于移除指定的 CSS 样式属性。

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

语法

object.removeProperty(propertyname)

属性值

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

技术细节

DOM 版本:CSS Object Model
返回值:字符串, 是移除的属性名。

实例

移除 color 属性:

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

<p>点击按钮移除 color 属性。</p>

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

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

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

</body>
</html>

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

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

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注