如何使用JavaScript删除iFrame中的HTML元素

如何使用JavaScript删除iFrame中的HTML元素,javascript,jquery,html,css,iframe,Javascript,Jquery,Html,Css,Iframe,我有一个iFrame和一个div,其中包含内容。我想通过JavaScript删除div,这可能吗?我怎么做 我不想只是不通过CSS显示它(例如,display:none),而是将它从网站的HTML中删除。我有JavaScript的基本知识,但没有任何使用iFrame的经验。您可以使用 $("#iFrameId").contents().find("#yourDiv").empty(); 最好使用remove() 示例:$(“#iFrameId”).contents().find(“#yourD

我有一个iFrame和一个div,其中包含内容。我想通过JavaScript删除div,这可能吗?我怎么做

我不想只是不通过CSS显示它(例如,
display:none
),而是将它从网站的HTML中删除。我有JavaScript的基本知识,但没有任何使用iFrame的经验。

您可以使用

$("#iFrameId").contents().find("#yourDiv").empty();
最好使用
remove()

示例:
$(“#iFrameId”).contents().find(“#yourDiv”).remove()

解释

empty()
将删除所选内容的所有内容

remove()
将删除所选内容及其内容以及与之关联的所有事件处理程序

供参考: 1)
2)

您可以尝试以下方法:-

frame.removeChild(//pass div id here);

你有什么代码可以分享吗?您需要获取
div
id
,然后使用
removeChild
…查看此处:。还请记住,您不能将存在于不同主机/域上的iframe的内容修改到父页面-谢谢大家的回答。我会检查的!我理解它应该是
remove()
而不是
empty()
,但我不确定预期的行为是什么,在这种情况下,remove()是比empty()更好的选择!!谢谢!!我尝试过这个,它适用于正常的“iframe”,但不适用于spreadshirt商店集成。您可以在以下位置查看示例商店:在开箱即用商店示例中向下滚动。我只想删除页脚,但是当我使用$(“#footer”).remove()时;什么也没发生。当我尝试$(“#footer”).remove()时;在他们的站点上联机()它将删除页脚。但当我在本地尝试时就不是了。我正在本地测试,但我在线,无法删除页脚。是因为我在“本地”测试它,还是因为他们正在加载的脚本,可能我必须在他们的脚本之后执行删除脚本?当我在本地测试站点并在firebug控制台中添加代码时,我可以删除页脚,但当我在HTML文档中尝试时,我无法删除页脚。我已经在我的服务器上对它进行了现场测试,控制台中编写了相同的问题代码没有问题,html中的代码没有机会删除页脚。那现在呢?我尝试过组合jquery.ready函数,但什么都没有。为什么控制台方法有效而html中的代码无效?