如何始终删除特定元素的内联样式？

Question

如何始终删除特定元素的内联样式？

我使用以下代码删除我的样式：

jQuery('.myelement').removeAttr('style');

但是它不起作用，可能是因为另一个js代码在我的代码后添加了内联样式以将其删除。 调用我的文件后没有.js文件。

我知道我可以从照片插件中编辑.js文件，但是如果更新插件，则会丢失更改。

我如何在jQuery中写一些东西来告诉这个元素永远不会有内联样式？

Answer 1

为了确保项目样式始终为空，即使在您的项目之后运行其他代码，您也可以在节点的样式属性更改时使用变异观察器重置样式，例如

 let element = document.querySelector(".myelement"); let observer = new MutationObserver((m) => { if (element.style.length > 0) { element.style = {}; } }); observer.observe(element, { attributes: true, attributeFilter: ["style"] }); // now this wont do anything element.style.backgroundColor = "red"; 

 <div class="myelement"> unicorn </div>