Javascript 单击在iframe中打开页面的超链接后隐藏div？

我已经创建了一个sharepoint Web部件。在这个Web部件中，我生成了一些html。在这个html中，我有一个ID为“Div1”的div，其中包含一些信息。在这个div下面，我有一个初始隐藏的iframe。最后我有两个超链接，目标是iframe。如何按如下方式制作html：

• 当我点击超链接时，iframe将可见
• 当我点击超链接时，ID为“Div1”的div将被隐藏
• 当我点击超链接时，iframe将在超链接中加载url

HTML:

一些信息

也许在jQuery中？

这段代码说：

“当我单击超链接（

然而，如果这就是您所需要做的，那么加载整个库就太过分了

var lnks = document.getElementsByTagName("a");
    for(var i=0; i<lnks.length; ++i){
        lnks[i].onclick = function(){
        document.getElementById('myIframe').style.display = 'block';
        document.getElementById('Div1').style.display = 'none';
    };
}

var lnks=document.getElementsByTagName（“a”）；
对于（var i=0；谢谢你，Dave，我会试试这个..没问题。请注意，它会影响你页面上的所有超链接，这可能不是你想要的。你可以通过使用ID选择器（
$（“#ID'）
）或类选择器（
$（'.Class'）
）来缩小它的范围。这也可以用Vanilla JS来完成（为了这个加载整个库太过分了…。我将用一个香草JS示例进行更新。（您可能会发现，一旦开始使用jQuery，您将越来越多地使用它…！）
$('a').click(function(){
    $('#myIframe').show();
    $('#Div1').hide();
});

var lnks = document.getElementsByTagName("a");
    for(var i=0; i<lnks.length; ++i){
        lnks[i].onclick = function(){
        document.getElementById('myIframe').style.display = 'block';
        document.getElementById('Div1').style.display = 'none';
    };
}