javascript - 加载iframe后隐藏链接

我有这段代码可以隐藏iframe，直到点击链接为止

<a href="http://www.site.com/" target="iframe1" onClick="document.getElementById('iframe1').parentNode.style.display=''">link</a>

</br></br>

<div style="display:none;"><iframe id="iframe1" name="iframe1" src="#"></iframe></div>

我要在加载iframe后隐藏链接

请问我该怎么做？

如果有比我的代码更好的代码，请也发布

谢谢

最佳答案

更改为此的链接：

<a href="http://www.site.com/" target="iframe1" onClick="document.getElementById('iframe1').parentNode.style.display='block'; this.style.display = 'none';">link</a>

它将链接的样式设置为display: none。

另外，我将iframe的显示设置为“”，而不是“ block”。您应该考虑将CSS和javascript从HTML移到外部文件，或者至少移到CSS的<style>标记和JS的<script>标记。