iframe内でページがどのように見えるかを編集する方法はありますか?たとえば、iframe内のグーグル検索で特定のリンクの色を変更したいと思います。
また、google.comが正常に読み込まれると、JavaScriptコンソールで以下のコードが機能しないのはなぜですか?
document.body.getElementsByTagName("a")[0].style.color='red';
iframe内でページがどのように見えるかを編集する方法はありますか?たとえば、iframe内のグーグル検索で特定のリンクの色を変更したいと思います。
また、google.comが正常に読み込まれると、JavaScriptコンソールで以下のコードが機能しないのはなぜですか?
document.body.getElementsByTagName("a")[0].style.color='red';
あるフレームから別のドメインからロードされた別のフレームへのJavaScriptアクセスがありません。
2番目の質問については、これをテストします。
var test = document.body.getElementsByTagName("a");
for (var i=0; i<test.length; i++) test[i].style.color="red";
コードとの違いは、最初の要素だけでなく、すべての「a」要素を変更することです。
iFrameを使用しても、Javascriptを使用して別のドメインのコンテンツを変更することはできません。このようなことを試みたい場合は、サイトスクレイプですべてのhtml要素を取得し、サーバー側の言語を使用して自分のページに表示することができます(JavaScriptのドメイン制限を回避します)。