如何使用腳本隱藏嵌入網站上不需要的元素？

-1

面對需要在嵌入網站上隱藏不需要的元素。有一段HTML代碼：如何使用腳本隱藏嵌入網站上不需要的元素？

<section class="class Name" style="display: block;">

問題：用CSS操縱不會因爲「display: block」工作在HTML內嵌體寫。

問：有沒有辦法如何刪除這個元素或用Java腳本或jQuery重寫'display: block'到'display: none'？

可能是它的價值，這裏的代碼，需要從改寫確切的一塊「顯示：塊」到「顯示：隱藏」：

<section class="promotion-block custom-storey no-margin-bottom multi-lang-default en ru pt es fr" style="display: block;">

任務是添加一些腳本，這將迫使本地代碼要重寫從display: block;到display: hide;

謝謝！

來源

2015-11-27 Igor

$（'section.className'）。hide（）;請參閱此處：http://api.jquery.com/hide/ –

或$（'section.className'）.css（'display'，'none'）; – abhishekkannojia

你的意思是嵌入網站？這是否意味着通過「iframe」？如果不通過iframe，你可以執行'jQuery（'。classname'）。remove（）;'從DOM中刪除元素 –

嘗試在Java腳本..

document.getElementById('#ElementId').style.display = 'block';//show  
document.getElementById('#ElementId').style.display = 'none';//hide

，並與jQuery ..

$("#ElementId").hide(); 
$("#ElementId").show();

希望這有助於...

來源

2015-11-27 06:06:23

感謝您的幫助，但不幸的是無法正常工作。 – Igor

你得到了什麼錯誤..？ –

需要有一些用戶交互進行切換在可見和隱藏之間，我將假定它是一個ID爲button的按鈕上的點擊事件。

<script> 
    var buttonEL = document.getElementById("button"); 
    buttonEL.addEventListener("click" function(){document.getElementsByClass("className")[0].style.display = "none";}); 
</script>

，或者如果你的設立需要它總是被隱藏的只是有

document.getElementsByClass("className")[0].style.display = "none";

來源

2015-11-27 06:09:05 Dheeraj

不幸的是，在這種情況下用戶交互不可接受。 – Igor

add''在底部，如果有更多的元素具有相同的className使用for循環（如果是的話，我將編輯我的答案） – Dheeraj

你的意思是在本機代碼後面的底部？ – Igor

你將需要在這裏處理JavaScript的風格禮節你試試這個：

element.style.display = 'none';   // Hide 
element.style.display = 'block';   // Show 
element.style.display = 'inline';   // Show 
element.style.display = 'inline-block'; // Show

請記得創建一個getelementID（div ID圍繞或放入節標記）

function hide (elements) { 
    elements = elements.length ? elements : [elements]; 
    for (var index = 0; index < elements.length; index++) { 
    elements[index].style.display = 'none'; 
    } 
}

在JQuery中使用這個隱藏/顯示DIV塊：

$(".divIDClass").hide(); // hidden 

$(".divIDClass").hide(); // show

來源

2015-11-27 06:09:48 Sow

感謝您的幫助，但不幸的是無法工作。 – Igor

有2路隱藏部分

覆蓋style屬性。
使用jQuery的hide（）和show（）

如果部分是動態加載，那麼你必須在功能使用jquery。

代碼：

$（文件）。在（ '負載'， '部分[類= 「類名稱」]'，函數（） { $（本）。CSS（ '風格'， '顯示：無'）; }）; （）;
$（document）.on（'load'，'section [class =「class Name」]'，function（） {（this）.hide（）; }）;

如果不是動態加載

代碼：

$（ '部分[類= 「類名稱」]'）的CSS（ '風格'， '顯示：無'）;。
$（'section [class =「class Name」]'）。hide（）;

來源

2015-11-27 06:31:53 asimshahiddIT

感謝您的幫助，但不幸的是無法工作。 – Igor

如何使用腳本隱藏嵌入網站上不需要的元素？

回答

相關問題