JavaScript：onclick使用iframe删除div

Question

嗨我尝试在点击其中的facebook按钮后删除div但是这里不能做我的代码

<div onclick="this.parentNode.parentNode.removeChild(this.parentNode);">
<iframe id='theiframe' scrolling='no' frameBorder='0' allowTransparency='true'            src='http://www.facebook.com/widgets/like.php?href="www.facebook.com/makestream"&amp;layout=standard&amp;show_faces=true&amp;width=53&amp;action=like&amp;colorscheme=light&amp;height=80' style='width:53px;height:23px;overflow:hidden;border:0;opacity:"0.8";filter:alpha(opacity="0.8");'></iframe>
</div>

有没有办法在点击facebook like按钮后删除div或ifreme？

Answer 1

您无法捕获iframe区域中的click事件，因为它由iframe本身处理，并且不会冒泡到DIV父级。 关于SO的这个问题可能对您有所帮助： 捕获点击围绕iframe的div

我可以想象一个解决方法：使用Facebook的SDK并在类似按钮上的操作上注册一个监听器（请参阅此facebook doc ）。 本文“如何在单击Facebook Like按钮时执行JavaScript”提供了一些示例。

Answer 2

我不确定你的JavaScript。

尝试这个：

<div onclick="this.parentNode.removeChild(this);">
<!-- iframe -->
</div>

更新：

我不认为这是可能的。

FB Like按钮上的click事件不会传播出iframe。

这是一个例子： http ： //jsfiddle.net/kboucher/pdvdH/

Answer 3

当有人点击类似按钮时，Facebook提供回调功能： https ： //developers.facebook.com/docs/reference/javascript/FB.Event.subscribe/

FB.Event.subscribe('edge.create',
    function(response) {
        alert('You liked the URL: ' + response);
    }
);