Как скрыть нежелательный элемент на веб-сайте встраивания с помощью скрипта?

Question

Столкнувшись с необходимостью скрывать нежелательный элемент на встроенном веб-сайте. Там в кусок HTML-код:

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

Проблема: Манипулирование с CSS не работает из-за «display: block» написанный рядный в HTML теле.

Вопрос: Есть ли способ удалить этот элемент ИЛИ переписать 'display: block' TO 'display: none' с Java-скриптом или jQuery?

Может быть, стоит, вот точный кусок кода, который необходимо переписать с «дисплей: блок» на «дисплее: шкура»:

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

Задача состоит в том, чтобы добавить скрипт, который будет принуждать машинный код будет переписан от display: block; до display: hide;

Спасибо!

Answer 1

Try в Java Script ..

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

и с Jquery ..

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

Надеется, что это помогает ...

Answer 2

Там должен быть некоторым взаимодействие с пользователем, чтобы сделать для переключения между видимым и скрытым, я буду считать, что это событие щелчка на кнопке с идентификатором 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"; 

Answer 3

вы будете нуждаться, чтобы манипулировать приличий стиле JavaScript здесь вы попробуете это:

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

запомнить создать getelementID (идентификатор div вокруг или в теге раздела)

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

в JQuery использовать это скрытый сНу блок/шоу:

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

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

Answer 4

Существует 2 способа скрыть раздел

1. переопределить атрибут стиля.
2. Использование JQuery скрыть() и шоу()

Если секция является динамической загрузке, то вы должны использовать JQuery на функцию.

код:

1. $ (документ) .он ("раздел [класс = "класс Name"], функция() { $ (это) 'нагрузка'.CSS ('стиль', 'дисплей: нет'); });
2. $ (document) .on ('load', 'section [class = "class Name"]', function() { $ (this) .hide(); });

Если не динамический загружен

код:

1. $ ('раздел [CLASS = "имя класса"]') CSS ('стиль', 'дисплей: нет.');
2. $ ('section [class = "class Name"]'). Hide();