0

同じドメイン内の外部ページにある要素の背景色を取得したいと思います。私は実用的なソリューションの最初のアプローチを持っていますが、もっと良い方法があるはずです。あなたが私を正しい方向に向けてくれることを願っています.

私のアプローチ

最初に外部ページを iframe にロードすることにしました。

var $page = $('<iframe/>').attr('src', 'http://mydomain.com/page');

次に、iFrame を現在のページに追加します。

$('#iframe-placeholder').append($page);

最後に、CSS プロパティにアクセスします。

$('iframe').load(function(){
  var backgroundColor = $(this).contents().find('#my-element').css('backgroundColor');
});

このアプローチの欠点

  1. 遅いです
  2. 非同期です
  3. 実際には機能しません。常に を返しますtransparent。

質問

その外部ページの CSS プロパティを取得する方法はありますか?
呼び出しを同期する必要があり、ページ全体を iFrame にロードする (それが解決策である場合) のはやり過ぎです。

どんな提案でも大歓迎です...

4

2 に答える 2