内部のラベルからiframeを隠すエラー

Question

私のページにiframeがあり、それを開いて閉じる必要があります。私はそれがこのようになり、そのために必要な関数を含むJSファイルを作っ：

Script.jsは

// Show About 
function exibirAbout(){ 
    document.getElementById('AboutFrame').style.display = 'block'; 
} 

//Hide About  
function ocultarAbout(){ 
    document.getElementById('AboutFrame').style.display = 'none'; 
} 

それは単に、ブロックから誰にも負けない非常に単純に私のiframeのプロパティのスタイルを変更します。しかし、私は "キャッチされていないタイプのエラー：nullのプロパティスタイルを読むことができません"を取得してきました。これは、IFRAME、それを示してボタンです：

Main.php

       </iframe> 


           <input type="submit" class="submit" onclick="exibirAbout();" value="About"/> 

そして、ここでそれを隠しIFRAMEの関数のコードを、だ：約

.php

<a onclick="ocultarAbout();"> 
    <label style='color: red; position: absolute; right: 6px; top: 5px; cursor: pointer;'> 
     Close 
    </label> 
</a> 

通常、このエラーは、関数が宣言されている順序と関係していますが、それが別のファイルにあるため、そのような場合にはわかりません。誰でも知っていますか？きれいな方法でそれを行うに

Answer 1

、あなたは、IDと、divの中であなたのiframeをラップする必要がある "AboutFrame"：

<div id="AboutFrame"> 
    <iframe></iframe> 
</div>