如何使用javascript删除CSS属性?

是否可以使用JavaScript删除元素的CSS属性? 例如，我有div.style.zoom = 1.2，现在我想通过JavaScript删除缩放属性?

当前回答

element.style.height = null;

输出:

<div style="height:100px;"> 
// results: 
<div style="">

其他回答

removeProperty将从元素中删除一个样式。

例子:

div.style.removeProperty(“变焦”);

MDN文档页面: CSSStyleDeclaration.removeProperty

element.style.height = null;

输出:

<div style="height:100px;"> 
// results: 
<div style="">

div.style.removeProperty('zoom');

你可以使用styleSheets对象:

document.styleSheets[0].cssRules[0].style.removeProperty("zoom");

警告#1:您必须知道样式表的索引和规则的索引。

警告#2:该对象由浏览器实现不一致;在一种情况下有效的方法在另一种情况下不一定有效。

更改元素的所有类:

document.getElementById("ElementID").className = "CssClass";

向元素中添加一个额外的类:

document.getElementById("ElementID").className += " CssClass";

检查一个类是否已经应用于一个元素:

if ( document.getElementById("ElementID").className.match(/(?:^|\s)CssClass(?!\S)/) )

推荐文章