如何在加载时运行操纵iframe内容的代码?

时间:2012-08-08 22:37:21

标签: javascript google-chrome iframe google-chrome-extension

我正试图在加载时隐藏Facebook类按钮的计数值。它以iframe运行,如下所示:

<iframe src="//www.facebook.com/plugins/like.php?href='+'facebook.com'+'&amp;send=false&amp;layout=button_count&amp;width=90&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;margin:30px 0px 25px 0px;" allowTransparency="true"> </iframe>

所以我尝试在iframe标记中插入一个onload,例如:

onload="
function loadme() { 
    // pluginCountTextConnected is the like text count's classname
    var x = document.getElementsByClassName('pluginCountTextConnected');
    console.log(x); 
} 
loadme();
"

但代码返回一个空列表。我认为document引用在这种情况下是指加载iframe的文档,而不是iframe文档。我如何将其指向iframe的内容?

小提琴:here

我应该补充一点,iframe是从在Facebook上运行的内容脚本Chrome扩展程序加载的,这就是为什么我认为这可能不受同源政策的约束。

更新:为什么有人投票结束?

1 个答案:

答案 0 :(得分:0)

iframe未在您的域上托管,因此您无法访问它,请查看http://en.wikipedia.org/wiki/Same_origin_policy