从 iFramed 站点中删除 HTML 元素

如果您尝试通过 JavaScript 执行此操作，则在您的站点“http://example.com”（例如不同的域）中将该站点包装在 <iframe> 中，那么答案是 不，你不能。这是一个安全权限问题，您无法修改其他域上的内容。

如果您将此页面包装在来自同一域的另一个页面中（例如，您拥有此站点）...那么您可以。

如果我们谈论的是浏览器扩展，那就有点复杂了

或者，如果您只想在您的网站上显示来自其他网站的部分内容，您有一些选择。

选项 1：使用他们的 API（如果他们提供）来获取数据，根据需要解析和呈现数据。

选项 2：向第 3 方站点发出“HTML 屏幕抓取”内容的服务器端请求。请注意不要过度执行此操作（获取副本并缓存它比每次加载页面时都获取它要好）...并注意第三者可能仍会抱怨/限制或阻止您。

一点 CSS 应该可以解决问题:)

#my-div
{
    width    : 400px;
    height   : 200px;
    overflow : hidden;
    position : relative;
}

#my-iframe
{
    position : absolute;
    top      : -100px;
    left     : -100px;
    width    : 1280px;
    height   : 1200px;
}

<div id="my-div">
<iframe src="http://www.example.com" id="my-iframe" scrolling="no"></iframe>
</div>

编辑：我的代码笔示例：https://codepen.io/Benjamin-Dover/pen/zYojKbz