是否可以使用 JavaScript 删除元素的 CSS 属性？例如，我有div.style.zoom = 1.2，现在我想通过 JavaScript 删除缩放属性？
如何使用javascript删除css属性？
IT技术
javascript
css
2021-02-27 05:32:46
6个回答
您有两个选择：
选项1：
您可以使用removeProperty 方法。它将从元素中删除样式。
el.style.removeProperty('zoom');
选项 2：
您可以将其设置为默认值：
el.style.zoom = "";
有效缩放现在将遵循样式表中设置的定义（通过链接和样式标签）。所以这个语法只会修改这个元素的本地样式。
removeProperty将从元素中删除样式。
例子：
div.style.removeProperty('缩放');
MDN 文档页面：
CSSStyleDeclaration.removeProperty
div.style.removeProperty('zoom');
您可以使用 styleSheets 对象：
document.styleSheets[0].cssRules[0].style.removeProperty("zoom");
警告 #1：您必须知道样式表的索引和规则的索引。
警告 #2：浏览器对这个对象的实现不一致；在一种情况下有效的方法可能在其他情况下无效。
element.style.height = null;
输出：
<div style="height:100px;">
// results:
<div style="">