読み込み時にページを操作する JavaScript 埋め込みを作成しようとしています。スクリプトはヘッダーにあり、document.querySelector で見つけたらすぐに要素を操作できるようにしたいと考えています。つまり、「ロード」される前に、document.readyState が「インタラクティブ」である間に、DOM の変更に対応する必要があります。完全なドキュメントが読み込まれるまでドキュメントの読み込みがブロックされるため、タイムアウト/間隔を使用できません。そのため、0ms のタイムアウトを設定すると、document.readyState が「読み込まれる」まで実行されません。
要素が DOM に追加されると発生するイベントはありますか? DOMNodeInserted を試しましたが、ドキュメントが読み込まれた後に非同期に追加された要素に対してのみ起動するようです。
最後に、これは JavaScript のみで行う必要があります。HTMLまたはサーバーにアクセスできません。埋め込みは他の人のサイトに行っています。