javascript - 如何在 javascript 中将样式属性重置为其 CSS 默认值？

Question

在 php 生成的页面上，有几个元素是这样的：

<td class="defaultTDStyle" style="color:userDefinedCustomColor" id="myTDId"></td>

所以有一个默认样式，我应用了几个额外的样式来覆盖 CSS 中定义的样式。

有没有办法从 javascript 中删除这些添加的样式？似乎obj.style.color="default"andobj.style.color="auto"不起作用。如何从 javascript 将颜色重置为 CSS 默认值？

score 45 · Accepted Answer

45

如果回忆有用，obj.style.color=""应该会起作用……但我不知道这是否正确。

于 2010-08-17T19:15:56.413 回答

score 10 · Accepted Answer

10

将样式属性值设置为空字符串：

 obj.style.color = "";

于 2010-08-17T19:15:18.980 回答

score 3 · Accepted Answer

新方式：

el.attributeStyleMap.delete('color')

或清除所有内容：

el.attributeStyleMap.clear()

不过，并非所有浏览器都支持这一点。有关更多详细信息和浏览器兼容性，请参阅StylePropertyMapMDN。

3 回答 3