在网站的DOM元素中添加css类

Question

是否可以添加一个隐藏在网站dom元素中的css类：

http://www.pricingindia.in/Search.aspx?q=mobiles+phones&cx=010882286766777081969%3Axkox132izzk&cof=FORID%3A9

你可以看到一个来自G的广告，我想在加载后使用jquery隐藏这些广告。

<script>
       $(window).load(function () {
           $('#adBlock').addClass('hidden');
       });
   </script>

Jquery找不到这个div标记，因为它在DOM中，而不是在源代码中。

Answer 1

请注意，#adBlock位于一个iframe ( id为master-1)中，而iframe位于另一个iframe(名称为googleSearchFrame)中。

然后，你可以

document
    .getElementsByName('googleSearchFrame')[0]
        .contentDocument
            .getElementById('master-1')
                .contentDocument
                    .getElementById('adBlock');

问题是，由于跨域策略，上面的代码不能在上工作。

想象一下，如果你可以修改其他域的iframe，会发生什么！恶意站点bad.com只能包含bank.com的iframe (即网络钓鱼)。它还可以添加一个事件侦听器，这样当有人输入他的密码时，bad.com就知道了！

然后，答案是:你不能修改另一个域的iframe。

但是您总是可以摆脱iframe:使您的服务器连接到google (服务器不受跨域策略的约束)，获取HTML，并将其作为页面的一部分进行回显。然后，你就可以按照你想要的方式来设计它了。

或者，你可以在搜索引擎中使用iframe，这样你就可以隐藏广告。例如:带有?k1=-1参数的DuckDuckGo。