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

时间:2016-11-10 21:21:39

标签: javascript jquery styles inline-styles

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

我使用此代码删除我的风格:

public class Klant
{
    public string Naam { get; set; }
    public int Consumpties { get; set; }

}

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

我知道我可以从照片插件编辑.js文件,但是如果我更新插件,我将失去我的更改。

我怎么能用jQuery写一些东西来告诉这个元素从不有内联样式?

1 个答案:

答案 0 :(得分:0)

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



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>
&#13;
&#13;
&#13;