如何使用CSS更改iframe src

Question

I am trying to remove ads from my profile on a website, so I don't have access to the original css or code, but there is still the ability to change the css code by editing the profile.

For example I have added these lines:

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

which removes an advertisement from the top and right side of the page.

The problem is that there is an iframe that points to an advertisement. Is it possible to change the src that the iframe points to using css, but not html? The iframe does not have a class or id.

It's an iframe inside a div, if that is helpful.

Answer 1

You can make iframe hidden using css

Html:

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

css:

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

Or you can also change src of iframe using Jquery / JS

Html:

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

Jquery:

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

Hope It Helps You.. :)

Answer 2

使用jQuery thats更好的选择来隐藏