使用 JavaScript 隐藏 <object> 标签内的元素

Question

我想在 <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>

Answer 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>

使用 JavaScript 隐藏 <object> 标签内的元素

Hide an element inside an <object> tag with JavaScript

javascript

jquery

html

object-tag