如何使用突变观察器按ID隐藏元素

Question

我已阅读https://hacks.mozilla.org/2012/05/dom-mutationobserver-reacting-to-dom-changes-without-killing-browser-performance/，但仍不确定如何配置以实现我的目标。

页面上有一个由代码生成器生成的元素（因此我无法避免这种行为）。 元素的ID为“ myid”，一旦在浏览器中显示，我只需将其隐藏。 我的挑战是如何配置观察者，以便在显示元素时触发代码。

我已将我的问题作为评论插入，我想在这里需要我的帮助，但是如果我做错了的话，请指导我：

 var target = document.querySelector('#myid'); var observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { // how do I detect when the element is now on the page so that the next statement makes sense? document.getElementById("myid").style.visibility = "hidden"; }); }); // what change do I need to make here? var config = { attributes: true, childList: true, characterData: true }; observer.observe(target, config); observer.disconnect(); 

Answer 1

您为什么不简单地使用CSS？ 这样，您完全不必担心什么时候创建项目，就不需要脚本开始了。

#myid {
  visibility: hidden; /*!important; if necessary*/
}