2014-11-07 2 views
0

Если у меня есть страница, которая вставляет ненужный div при каждой загрузке, есть ли способ скрыть его, не используя CSS? У меня нет доступа к этому div, и у него нет идентификатора или класса.Скрыть конкретный div без css

Например, я не хочу, чтобы браузер отобразить следующий DIV:

<div style="text-align: center; font-size: 14px; text-decoration: none;">Please click <a style="text-decoration: none !important;" target="_blank" href="http://www.website.com"><b>here</b></a></div> 

Я нашел вопрос и ответ для сокрытия определенной строки текста, но он не работает с этим.

+2

В зависимости от HTML иерархии вы можете скрыть его с помощью CSS или JavaScript. – j08691

+1

Возможно, у вас нет доступа к исходному коду, чтобы предотвратить его появление? Если нет, можете ли вы разместить контент вокруг div? то есть его родительские элементы? – Stu

+0

Должно быть что-то, чтобы идентифицировать div, будь то контент, будь то родители и т. Д. Вы можете нацеливаться на что угодно, но нам нужна дополнительная информация. – somethinghere

ответ

0

Вы можете сделать

document.getElementsByTagName("div")[0].style.display = 'none'; 
+0

Waw Я надеюсь, что у него не более 1 div :) Это хорошее решение для ограниченной информации. – somethinghere

+0

Итак, вы можете сделать document.getElementByTagName ("div") [0] .style.display = 'none'; прохождение позиции массива – vcrzy

+0

Опять же, хорошее решение, если вы знаете его, безусловно, первый элемент. – somethinghere

0

Вы можете попытаться выбрать содержимое внутри DIV с помощью значения атрибута. Атрибут Href внутри вашего div идеально подходит для этого, а затем просто используйте метод jQuery .parent() для выбора целого div.

$("a[href='http://www.website.com']").parent().css("display","none") 

Вот рабочий пример:

http://jsfiddle.net/waxtue0o/

0

Есть несколько способов идентификации элемента без него, имеющий идентификатор или класс. Если у вас есть jquery, вы можете использовать более продвинутые селекторы, такие как mgibala (хотя я бы предпочел сделать это без скриптов).

См. http://www.w3schools.com/cssref/css_selectors.asp для информации о селекторах. Ниже приведены два примера.

Fiddle: http://jsfiddle.net/o8oyd3e2/

HTML:

<body> 
    <div style="background-color='red';"> 
     Spam spam spam 
    </div> 
    <div> 
     Some content 
    </div> 
    <div class="myContent"> 
     Some content 
    </div> 
    <div style="background-color='red';"> 
     Spam spam spam 
    </div> 
</body> 

CSS:

body div:first-child { 
    display:none; 
} 

body div.myContent + div { 
    display:none; 
} 

Или вы можете разместить свой сайт где-нибудь еще ...

Смежные вопросы