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

Question

目前，使用此类html iframe元素存在挑战。 我的HTML文件中有以下CSS代码段，如下所示：

...
<style>
iframe[src^="https://apis.google.com"] {
display: none;
}
</style>
...

是否有人知道如何将此iframe[src^="https://apis.google.com"] { display: none; }的显示更改为“可见” iframe[src^="https://apis.google.com"] { display: none; } iframe[src^="https://apis.google.com"] { display: none; }元素是使用javascript还是jquery onclick函数？

Answer 1

首先，为iframe提供一个id属性，例如id =“ iframeid”。 然后，运行以下javascript：

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

Answer 2

没有显示样式的元素按block显示。 当使用jquery的.show() ，它将元素的显示更改为block 。 简单易用的jQuery：

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