如何使用 css 更改 iframe src答案

【问题标题】：How to change iframe src using css如何使用 css 更改 iframe src
【发布时间】：2014-02-03 05:20:20
【问题描述】：

我正在尝试从网站上的个人资料中删除广告，因此我无法访问原始 css 或代码，但仍然可以通过编辑个人资料来更改 css 代码。

例如我添加了这些行：

<style type="text/css"> 
.topad {display:none; visibility:hidden;}
#buyers_ad {display:none; visibility:hidden;}
</style>

从页面的顶部和右侧删除广告。

问题是有一个指向广告的 iframe。是否可以使用 css 更改 iframe 指向的 src，但不能更改 html？ iframe 没有类或 ID。

这是一个 div 内的 iframe，如果有帮助的话。

【问题讨论】：

【解决方案1】：

您可以使用 css 隐藏 iframe

HTML：

<div id="somediv">
<iframe .... />
</div>

css:

<style type="text/css"> 
#somediv > iframe { display : none}
</style>

或者您也可以使用 Jquery / JS 更改 iframe 的 src

HTML：

<div id="somediv">
<iframe .... />
</div>

jquery：

$('#somediv iframe').attr('src','http://google.com');

希望对你有帮助.. :)

【讨论】：

谢谢，我只是想知道 '>' 符号在 css 示例中的作用，在 #somediv 和 iframe 之间？
表示 #somediv 的子 iframe。有关更多信息，请参阅 css-tricks.com/child-and-sibling-selectors
该链接中对此进行了解释 ^ 但请注意 > 选择直接子级。对于 html <parent><iframe/><child><iframe/></child></parent>，css parent iframe {display: none} 将隐藏两个 iframe，parent > iframe {display: none} 不会隐藏内的 iframe。

【解决方案2】：

使用 jQuery 隐藏是更好的选择

【讨论】：