如何使用javascript删除CSS属性?

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

当前回答

这应该做的技巧-设置内联样式为正常缩放:

$ (' div ')。attr(“风格”,“变焦:正常;”);

其他回答

你可以使用styleSheets对象:

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

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

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

你可以试着找到所有具有这个类的元素，并将“zoom”属性设置为“nothing”。

如果你使用jQuery javascript库，你可以用$(".the_required_class").css("zoom"，"")

编辑:删除了这条声明，因为事实证明它不是真的，正如评论和其他答案所指出的那样，自2010年以来确实是可能的。

错误:没有从JavaScript修改样式表的方法。

div.style.removeProperty('zoom');

element.style.height = null;

输出:

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

你有两个选择:

选项1:

您可以使用removeProperty方法。它将从元素中删除一个样式。

el.style.removeProperty('zoom');

选项2:

可以设置为默认值:

el.style.zoom = "";

有效的缩放现在将是样式表中设置的定义(通过链接和样式标签)的任何内容。所以这个语法只会修改这个元素的局部样式。

推荐文章