すべてのページが請求され、拡張機能の動的要素が追加された後に実行されるjavascriptの追加方法

Question

私はWordpressといくつかの拡張機能とプラグインを使用しているウェブサイトを持っています。 拡張機能を介してボタンが追加されました。この要素を取得する際に、javascriptコードのgetElementByIdをページのヘッダーに追加します。しかし、document.onloadの内部でさえ、getElementByIdはnullを返します。 これは、ページがロードされた後、そしてdocument.onload文の後であっても要素が動的に追加されるためです。 どうすればjavascriptで要素を取得できますか？

ありがとうございます。

Answer 1

これにはタイマーを使用するとよいでしょう。 #elementが存在するかどうか

var myTimeInterval = setInterval(function() { 
    var el = document.getElementById("element"); 
    if (el) { 
     // Your code here 
     clearInterval(myTimeInterval); 
    } 
}, 1000); 

この1つは、それが存在する場合は、あなたのアクションを実行していない場合は、タイマーを削除し、次の繰り返しにスキップし、毎秒をチェックします。

Answer 2

するTry window.onload

http://javascript.tutorialhorizon.com/2016/03/17/window-onload-vs-document-onload/

は汚いソリューションは、あなたがそれをロードするための時間を与えるための要素を選択しようとする前にタイムアウトを設定することであってもよいです。