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);
    }
);