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

时间:2018-06-05 22:34:21

标签: javascript jquery html html5 object-tag

我想隐藏<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>

1 个答案:

答案 0 :(得分:0)

谢谢我修复了它(在我的网站中隐藏了example.com的页脚),使用iframe和css遵循以下代码:

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