Как на JS скрыть DIV без id или class?

Question

[Владимир Юрченков]

Привет

Расскажите, пожалуйста, как скрыть блок div, в котором прописан только style.
Этот блок висит в начале body у которого есть id. Сам блок содержит тонну стилей. Можно было бы скрыть его как первый дочерний блок, но этот блок не всегда есть там. Это баннер от CMS так вылазает. Доступа к коду нет, но есть доступ через макрос к html, то есть могу править стили блокам c id или class. Нужно найти его по style="..." и скрыть(в крайнем случае изменить текст)

<div style="margin:5px;padding:5px">Text</div>

Возможно можно сделать поиск по тексту в блоке или по стилям, но не знаю как. Нашел только такой код..

var els = document.getElementsByTagName('div');
for (var i = 0; l = els.length; i < l; i++) {
  if (els[i].innerHTML == 'style....') {
    els[i].parentNode.removeChild(els[i]);
  }
}

Comments

[v3shin]

Это блок, висящий в вакууме?

[Сергей delphinpro]

скрыть элементарно

div.hidden = true;
div.style.display = 'none';

Но ваша проблема не в том как скрыть, а в том, как найти.

Отталкивайтесь от каких-то родительских элементов, у которых есть классы или идентификатор.

[Владимир Юрченков]

v3shin, этот блок висит в начале body у которого есть id. Сам блок содержит тонну стилей. Можно было бы скрыть его как первый дочерний блок, но этот блок не всегда есть там. Это баннер от CMS так вылазает. Доступа к коду нет, но есть доступ через макрос к html, то есть могу править стили блокам c id или class.

[Владимир Юрченков]

Сергей delphinpro, мне нужно найти его именно по style="", как это написал Павел ниже. Но в его коде работает, а у меня чет нет. Отталкиваться можно только на body с id.

[Ankhena]

Еще можно сотворить дурацкий селектор

document.querySelector('div[style="margin:5px;padding:5px"]')

но дело ведь не в этом.

Озвучивание полной задачи обычно помогает найти адекватное решение.

[Владимир Юрченков]

Ankhena, чуть выше описал в комментарии, поможет? щас дополню в тему

Answer 1

[Pavel Shvedov]

Если максимально тупо, то вот https://stackblitz.com/edit/js-mfhn7x?file=index.js

Comments

[Владимир Юрченков]

Все заработал, спасибо...в принципе этого будет достаточно

[Владимир Юрченков]

А стиль можно таким способом задатЬ?

Answer 2

[Чипекве]

[...document.querySelectorAll('div')].find(e => e.textContent === 'Text').style.display = 'none';

Comments

[Владимир Юрченков]

Сейчас проверю..

Answer 3

[v3shin]

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

Ну и сами не используйте полезный div первым элементом.

Comments

[Владимир Юрченков]

Вариант рабочий, но следом идет блок контента.

[Сергей delphinpro]

body > div:not([class])[style] {
  display: none !important;
}