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上的函数代码，它隐藏了它：

About.php

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

通常这个错误与声明函数的顺序有关，但由于它是在单独的文件上，我不确定是否是这种情况。有人知道吗？

Answer 1

要以干净的方式进行，您应该将iframe包装在div中，ID为＃34; AboutFrame＆＃34;：

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

从内部标签隐藏iframe时出错

1 个答案: