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

Question

目前正在使用这种html iframe元素进行挑战。我的HTML文件中有这个CSS片段，如下所示：

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

是否有人知道如何使用javascript或jquery onclick函数将显示更改为“{”1 {/ 1}元素？

Answer 1

首先，为iframe指定一个id属性，例如id =＆＃34; iframeid＆＃34;。然后，运行此javascript：

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

Answer 2

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

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