如何删除 iframe 中的元素？

【问题标题】：How can i remove an element within an iframe?如何删除 iframe 中的元素？
【发布时间】：2021-07-30 12:03:06
【问题描述】：

例如，我想从 iframe 中删除“导航栏”。我该怎么做？

<!DOCTYPE html>
<html>
<body>

<h2>HTML Iframes</h2>
<p>I want to remove the navigation bar:</p>

<iframe id="" class=" " scrolling="no" style="width:1000px; height: 1500px;  overflow: hidden;" src="https://www.w3schools.com/"  title="Iframe"></iframe>
</body>
</html>

【问题讨论】：

如果 iframe 来自与您的示例不同的来源，则不能。出于安全原因，浏览器会阻止脚本访问

标签： javascript jquery css wordpress iframe

【解决方案1】：

您无法操作 iframe 中的内容，但是，如果您要隐藏的内容是页面顶部的水平导航部分，您始终可以使用 @ 将 iframe 包裹在 div 中987654324@，然后使用top 属性将内容向上移动。

像这样：

div {
  
  overflow:hidden;
}
iframe {
  position:relative; 
  top:-120px;
  border:0;
width:100%;
}

<h2>HTML Iframes</h2>
<p>I want to remove the navigation bar:</p>
<div>
  <iframe id="" class=" " scrolling="no" style=" height: 1500px;  overflow: hidden;" src="https://www.wikipedia.org/"  title="Iframe"></iframe>
</div>

【讨论】：