Javascriptで教えてください｡親Aのｲﾝﾗｲﾝﾌﾚｰﾑで子Bを表示しｲﾝﾗｲﾝﾌﾚｰﾑ内で子Cに移動するとします｡子CのHTMLの中に､#BBBと言うIDが有るのですがその要…

Javascriptで教えてください｡

親Aのｲﾝﾗｲﾝﾌﾚｰﾑで子Bを表示しｲﾝﾗｲﾝﾌﾚｰﾑ内で子Cに移動するとします｡

子CのHTMLの中に､#BBBと言うIDが有るのですがその要素はdivなのかh1なのかpなのかは解らないとします｡
子Cのﾎﾞﾀﾝをｸﾘｯｸｲﾍﾞﾝﾄとし､要素名をｱﾗｰﾄする｡

ID：#BBBの要素を親Aに記述するJavascriptで取得することは可能でしょうか｡
そのｺｰﾄﾞを教えてください｡

こんな感じ？
■親A

<html>
<script>
function bind_display_bbb() {

 // iframe を表す window ｵﾌﾞｼﾞｪｸﾄ
 var f = frames[0];

 // iframe の document から､ﾎﾞﾀﾝの要素を取得
 var btn = f.document.getElementById("btn");

 // iframe 内のﾎﾞﾀﾝに､onclick ｲﾍﾞﾝﾄを登録する
 if (btn) {
 btn.onclick = function () {
 // 要素 BBB を取得
 var bbb = f.document.getElementById("BBB");

 // BBB の TAG NAME を alert()
 alert(bbb.tagName);
 };
 }
}

window.onload = function() {
 if (document.all) {
 // IE の場合
 document.getElementById("f").onreadystatechange = bind_display_bbb;
 } else {
 // Firefox の場合
 document.getElementById("f").onload = bind_display_bbb;
 }
 };
</script>
<body>
<iframe src="b.html" id="f"></iframe>
</body>
</html>

■子B

<html>
<body>
<a href="c.html">display c</a>
</body>
</html>

■子C

<html>
<body>
<h1 id="BBB">I'm BBB</h1>
<button id="btn">click me</button>
</body>
</html>

子C のﾍﾟｰｼﾞのﾄﾞﾒｲﾝは､親A と同じﾄﾞﾒｲﾝであることが必要です｡
iframe の onload でﾌﾚｰﾑ内のﾍﾟｰｼﾞからﾎﾞﾀﾝを探して､onclick ｲﾍﾞﾝﾄを登録します｡
ｲﾍﾞﾝﾄとして登録する関数は､親のｺｰﾄﾞなので､子C の要素に登録するとしても､
document.getElementById("BBB") では､#BBB を取得することができません｡

iframe の onload でいけると思ったんですが､IE ではｲﾍﾞﾝﾄが発火しませんでした｡
IE の場合 (判定は手抜きです) には､iframe の onreadystatechange を使います｡