javascript - DOMReady が起動する前に DOM を操作する

Question

要素が利用可能になったらすぐに DOM を操作したいと思います。setInterval を使用してこれを行うことができますが、DOM と対話できる js は DOM の準備が整ったときにのみ読み込まれるため、Crossrider では機能しません。これを回避する方法はありますか？

ありがとう

Answer 1

現在のAPIは、現時点ではこの機能を公式にサポートしていません。

ただし、ChromeとFirefoxで機能する新しいappAPI.domメソッドを試してみてください。ただし、正式にリリースされるまでは現在文書化されていません。新しいメソッドはかなり自明なので、ここに簡単な説明とともにリストしました。

• appAPI.dom.onDocumentStart.addJS(String jsCode, [Array siteList])
  このメソッドは、ドキュメントのロード開始時に指定されたjsCodeを追加します。オプションで、コードを追加するURLを指定する文字列/正規表現の配列（例についてはhttp://docs.crossrider.com/#!/api/appAPI-method-isMatchPagesを参照）を指定します。
• appAPI.dom.onDocumentStart.addCSS(String cssRules, [Array siteList])
  このメソッドは、ドキュメントのロードを開始するときに、指定されたcssRulesを追加します。オプションで、CSSを追加するURLを指定する文字列/正規表現の配列を指定します（例についてはhttp://docs.crossrider.com/#!/api/appAPI-method-isMatchPagesを参照）。

Answer 2

appAPI.ready() の後に呼び出されても定義されていないように見えるため、appAPI.dom.onDocumentStart オブジェクトを確認することをお勧めします。これは私が得ているエラーです:

Uncaught TypeError: Cannot call method 'addCSS' of undefined

ありがとう！良い仕事を続けてください！