在嵌入標簽上隱藏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';

這可能對您有幫助。