サードパーティiframeのテキストを別のJSファイルに置き換えます。

Question

iframeに表示されているサードパーティのコンテンツを使用するサイトがあります。サードパーティはCSSやJSファイルを自分のサイトの先頭にアップロードできるので、iframe内のコンテンツの外観を変更することができます。ファイルが最後にロードされる場所を変更することはできません（本文の後にあるすべてのJSファイルを移動するなど）。

問題点は次のとおりです。divのテキストを変更しようとしていて、JSファイルでそれを行うことができません。

<div id="exampleText"> 
    There's nothing here! 
    <span>Try again at 4:00</span> 
</div> 

私は.htmlまたは.innerHTMLあるいはnodeType === 3を使用してコンテンツを置き換えるためにnodeValueを設定することができることを知っています。ここではページのブラウザのコンソール内に置かれたときに働くかの方法の一つです：

jQuery(document).ready(function ($) { 
    document.getElementById('exampleText').innerHTML = 
    "Sorry, you're too early!<span>Check back one hour before class starts</span>"; 
}); 

私は私のJSファイル内にこれを配置し、ページを更新する場合しかし、私はというエラーを取得：

Uncaught TypeError: Cannot set property 'innerHTML' of null(…) 

を

ブラウザコンソールからページ内に配置したときに、ファイル内に配置されていないと、なぜ機能しますか？ JSが実行された後のサイト読み込みによるものですか？テキストを自分のコンテンツに置き換えるにはどうすればよいですか？

Answer 1

JSでこれを簡単に行う方法が見つかりませんでしたが、代わりにコンテンツをCSSで置き換えることができました。ここで私はそれを管理する方法である：

#exampleText { 
    text-indent: -9999px; 
    line-height: 0; 
} 

#exampleText span, 
#exampleText span:before { 
    text-indent: 0; 
    line-height: initial; 
} 

#exampleText span:before { 
    content: "Sorry, you're too early!"; 
    display: block; 
    font-weight: 700; 
} 

この方法は無い、周囲の要素を持つコンテンツのみを更新しながら、同じスパンのテキストを保つために私をことができます。