如何使用Javascript或JQuery更改HTML IFrame元素属性

如何使用Javascript或JQuery更改HTML IFrame元素属性,javascript,html,css,iframe,Javascript,Html,Css,Iframe,目前这种html iframe元素面临挑战。我的HTML文件中有如下CSS片段: ... <style> iframe[src^="https://apis.google.com"] { display: none; } </style> ... 有人知道我如何将这个iframe[src]的显示更改为可见吗^=https://apis.google.com] { 显示:无; }元素是否使用javascript或jquery onclick函数?首先,给iframe一个i

目前这种html iframe元素面临挑战。我的HTML文件中有如下CSS片段:

...
<style>
iframe[src^="https://apis.google.com"] {
display: none;
}
</style>
...
有人知道我如何将这个iframe[src]的显示更改为可见吗^=https://apis.google.com] { 显示:无;
}元素是否使用javascript或jquery onclick函数?

首先,给iframe一个id属性,比如id=iframeid。然后,运行以下javascript:

document.getElementById("iframeid").style.display = "visible";

没有显示样式的图元按块显示。当使用jquery的.show时,它将元素的显示更改为block。jquery中的简单易用:

$('#link').click(function() {
  $('iframe[src="https://apis.google.com"]').show();
});

设置显示:block@samitha我的挑战是如何使用js实现这一点。该代码段隐藏了我的wep页面上的所有IFrame弹出窗口,但我想使用javascript在单击按钮后启用显示。谢谢我的网页上没有可见的IFrame。我使用该代码禁用了在我的网页上弹出的Google+欢迎回来登录。[也许你没有包括jquery?因为它在这里对我有用: