javascript - 有没有办法阻止在 DOMNode 上设置样式属性？

Question

假设我的组件有一个 DOMNode(就像 <div> 一样简单)，另一个组件也可以控制它。

有什么方法可以防止其他组件通过 JS 设置样式属性？

例如，我设置了domNode.style.color = "blue" , 我能阻止别人设置内联样式吗 color在同一个domNode ？

如果这是 CSS，我可以控制特异性，但不确定如何通过 JS 完成。

(我仅限于使用 ES5)

感谢任何帮助!

Answer 1

不，没有办法做到这一点，如果你想确保没有人可以破坏你的样式，唯一的方法是在 css 中使用 !important 标志

#mydiv {
 color: black!important; /* color will be always black */
}