使用 JavaScript 隐藏 <object> 标记内的元素答案

【问题标题】：Hide an element inside an <object> tag with JavaScript使用 JavaScript 隐藏 <object> 标记内的元素
【发布时间】：2018-06-05 22:34:20
【问题描述】：

我想在<object>标签内隐藏一个元素，该元素是<div class="footer">...</div> 我试过这段代码但还是不行，请帮帮我

<div> 
     <object id="t" type="text/html" data="https://www.example.com/" width="100%" height="600px" style="overflow:auto;">
     </object>
</div>

这是我的 javascript 代码

<script>
  $(document).ready(function(){
       var t = document.querySelector("#t");
       var htmlDocument = t.contentDocument;
       htmlDocument.getElementsByClassName("footer")[0].style.visibility='hidden';
  });

</script>

【问题讨论】：

使用 CSS - 例如 .footer { display: none}
我根本看不到页脚元素。 codepen.io/ajanth2012/pen/MXaPpp
您的 div 根本没有设置页脚类。不知道你想用这个做什么，但如果你只是想隐藏它，那么在 css 中给它一个 display:none 会更容易，就像前面提到的那样
object 标签是嵌入网站：example.com 在我的应用程序中，所以我想隐藏这个网站的页脚：example.com
如果该对象是从另一个来源加载的，您将无法访问它

标签： javascript jquery html object-tag

【解决方案1】：

谢谢我通过使用 iframe 和 css 来修复它（在我的网站中隐藏 example.com 的页脚）：

<div style="overflow:hidden;">
<iframe src="https://www.example.com/" name="iframe_all" frameborder="0"  style="width: 100%; height: 650px; margin-bottom: -120px;" ></iframe>
</div>

【讨论】：