JavaScriptを使用して親iframeの親iframeを取得するにはどうすればよいですか？

Question

だから私は、IFRAMEでページindex.htmlを持っている：私はこのコードを持っているiframe2.htmlで

<iframe src="iframe2.html" width="500" height="400"></iframe> 

：：私は別のネストされたのiframeを持ってiframe1.htmlで

<iframe src="iframe1.html" width="500" height="400"></iframe> 

<script> 
window.onload = function() { 
    document.getElementById('change-color').onclick = function() { 
     window.parent.document.body.style.backgroundColor = "red"; 
     return false; 
    }; 
} 
</script> 

<a href="" id="change-color">Change Color</a> 

どうなりますか今あなたが "色を変える"リンクをクリックするとiframeの親ページですiframe1.html赤いバクを取得kgroundの色。代わりに親の親ページindex.htmlが色の変更を取得するようにします。それにアクセスするには？

Answer 1

window.parent.parentを使用して祖父母ウィンドウを取得します。だから、欲しい：

window.parent.parent.document.body.style.backgroundColor = "red"; 

そして、あなたは最上位の親をしたい場合は、関係なく深いあなたはどのように多くのレベル、あなたはwindow.topを使用することはできません。たぶん `window.parent.parent.document.body.style.backgroundColor`

Find most upper parent window with javascript