javascript - ミューテーションオブザーバーを使用してIDで要素を非表示にする方法

Question

https://hacks.mozilla.org/2012/05/dom-mutationobserver-reacting-to-dom-changes-without-killing-browser-performance/を読みましたが、目的を達成するための設定方法はまだわかりません。

ページ上にコード ジェネレーターによって生成された要素があります (そのため、この動作を防ぐことはできません)。要素には「myid」という ID があり、ブラウザに表示されたら非表示にするだけです。私の課題は、要素が表示されたときにコードが起動するようにオブザーバーを構成する方法です。

ここで助けが必要だと思う場所に質問をコメントとして挿入しましたが、すべて間違っている場合は親切に案内してください。

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();