Question

我在带有外部源的网站上有一个嵌入式代码。我想在我想隐藏的外部来源上隐藏一个div。

嵌入代码是这样的：

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

div有一个类和内联样式

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

是否可以使用javascript或CSS隐藏？我知道我无法使用iframe来解决安全问题，是否与embed标签相同？

或者我还有其他办法吗？

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，你应该能够使用load-function。这是一个小例子来获取一个容器ID为＃34; container＆＃34;在名为Test.html的页面上：

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

您可以访问JQuery文档here以获取更多信息

Answer 3

试试这个：

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

这可能会对你有帮助。

在embed标签上隐藏div

3 个答案: