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

Question

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

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

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

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

Answer 1

如果有回忆，obj.style.color=""应该有用......我不知道它是否正确。

Answer 2

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

 obj.style.color = "";

Answer 3

新方法：

el.attributeStyleMap.delete('color')

或清除所有内容：

el.attributeStyleMap.clear()

虽然不是所有的浏览器都支持。有关更多详细信息和浏览器兼容性，请参见MDN上的StylePropertyMap。

另请参阅CSS Typed Object Model和Working with the new CSS Typed Object Model。