在嵌入标签上隐藏div

Question

我在带有外部源的网站上有一个嵌入标签。 我想在要隐藏的外部源上隐藏div。

嵌入代码是这样的：

<embed src="https://www.site.com" width='100%' height='1000px'/>

div具有类和内联样式

<div class="button" style="display:block !important;">

是否可以使用javascript或CSS隐藏？ 我知道我无法使用iframe来解决安全问题，嵌入代码是否也一样？

还是我有其他方法可以做到这一点？

Answer 1

首先，将两个控件的ID定义为：

     <embed id="embedID" src="https://www.site.com" width='100%' height='1000px'/>
     <div id="divID" class="button" style="display:block !important;">

之后，编写以下代码：

     $("#embedID #divID").remove();

Answer 2

给按钮一个ID。 例如：button1

<div class="button1" style="display:block !important;">

$("#button1").remove();

要么

$("#button1").hide();

如果要一次定义多个ID，可以使用：

$("#button1 #button2").remove();

要么

$("#button1 #button2").hide();

两者都应该工作！

对于您在评论中提到的外部链接：

使用JQuery，您应该能够通过加载功能准确地做到这一点。 这是一个小示例，用于在名为Test.html的页面上获得ID为“ container”的容器：

$('#contentDiv').load('/Test.hmtl #container');

您可以在此处访问JQuery文档以获取更多信息。

Answer 3

尝试这个：

   document.getElementsByClassName('button')[0].style.visibility='hidden';

这可能对您有帮助。