如何移除iframe中外站页面元素？以谷歌logo为例

首先明确：你的需求无法实现，核心原因是浏览器的同源策略限制——当iframe加载的是和父页面不同域名、协议或端口的内容时，浏览器会禁止父页面的JavaScript访问iframe内部的DOM元素，这是浏览器内置的安全机制，用于防范跨域攻击。

你之前的代码无效，本质就是跨域导致的：

• 你的页面与google.com不属于同源范畴，$("#myFrame").contents()无法获取到iframe内的文档对象，自然找不到#hplogo元素
• 另外你的代码写法也有错误，就算是同域场景，.find()方法应该传入选择器字符串，而不是jQuery对象

如果是同域iframe，正确的写法如下：

// jQuery 正确写法
$("#myFrame").contents().find("#hplogo").remove();

// 原生 JavaScript 写法
const frame = document.getElementById('myFrame');
frame.contentDocument.getElementById('hplogo').remove();

但回到你的场景，由于是跨域加载google.com的内容，没有合法方式绕过浏览器的同源策略来操作该页面内的元素。

内容的提问来源于stack exchange，提问作者Nikhil Tamvada