Javascript 如何在元素内部单击时删除子元素?

Javascript 如何在元素内部单击时删除子元素?,javascript,Javascript,我正在开发一个bookmarklet,它实际上是一个通过单击bookmarklet注入DOM的iframe。 那么,当在加载iframe的html页面中单击类似于取消按钮的按钮时,是否有任何方法可以从DOM中删除这个iframe(实际上关闭这个bookmarklet)?就像美味书签一样。 我希望你们能理解我的意思,谢谢 这是否可能取决于CORS规则 当允许您根据这些规则执行此操作时,您可以使用window.frameElement对象 就这么简单: 包含iframe的页面: <iframe

我正在开发一个bookmarklet,它实际上是一个通过单击bookmarklet注入DOM的iframe。 那么,当在加载iframe的html页面中单击类似于取消按钮的按钮时,是否有任何方法可以从DOM中删除这个iframe(实际上关闭这个bookmarklet)?就像美味书签一样。
我希望你们能理解我的意思,谢谢

这是否可能取决于CORS规则

当允许您根据这些规则执行此操作时,您可以使用
window.frameElement
对象

就这么简单:

包含iframe的页面:

<iframe src="somepage.html"></iframe>

somepage.html

<input
    type="button"
    value="Click me!"
    onclick="window.frameElement.parentNode.removeChild(window.frameElement)"
/>

一个小研究的可能重复会有很大的帮助。是我搜索的第一个结果,很可能是您的解决方案。