IFRAME内の列サイズ変更（HTML）

Question

どうすればこのことができますか？

私はiframeをカラム（htmlテーブル）の中に持っていますが、iframe内のdocほど高いtdを作成したいと思います。

それは可能ですか？

Answer 1

ここは答えです（JQueryで）。 jQueryので

：あなたはJavascriptを使用して、コンテンツの高さを計算する必要が

$("#myIframe").on("load", function() 
{ 
    $(this).parent("td:first").css('width', $(this).css('width')).css('height', $(this).css('height')) 
}); 

Answer 2

。

あなたはここで働い例を見ることができます： http://th.atguy.com/mycode/iframe_size/

Answer 3

私は2つのプロジェクトにコードのこの部分を使用しています、それは私のために[OK]を動作します。これを実現するためのよりよい方法があるかどうかはわかりません（このコードにはsetIntervalがあり、iframeのコンテンツの高さを1秒ごとに確認してその高さを更新します）。それはあまりにもjQueryを使用します。

let iframe = document.getElementById('your_iframe_id'), 
    current_height = 0, 
    iframe_content = $(iframe).contents().find('body'); 

setInterval(() => { 
    let new_height = iframe.contents().find('body').height(); 
    current_height = new_frame_height(current_height, new_height); 
    iframe.css({ height: current_height }); 
}, 1000) 

function new_frame_height(last_height, height) { 
    if(height != last_height + 60) { 
     last_height = height; 
    } 
    return last_height + 60 
} 

ところで、iframeが親から同じドメインの下にある場合のみこれが機能すると思います。 そうでない場合、ブラウザからのクロスオリジンブロックは、親が子供のコンテンツを読むことを許可しません。