JavaScript:onclick 使用 iframe 删除 div

Question

嗨，我尝试在单击其中的 facebook like 按钮后删除 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 区域中的点击事件，因为它是由 iframe 本身处理的，不会冒泡到 DIV 父级。关于SO的这个问题可能对您有帮助:capture click on div surrounding an iframe

不过，我可以想象一种解决方法:使用 Facebook 的 SDK 并在“like”按钮上的操作上注册一个监听器(请参阅此 facebook doc )。本文"How to execute JavaScript when the Facebook Like button is clicked"给出了一些例子。