How to hide DIV without id or class in JS?

Question

css

Hi

Can you please tell me how to hide a div that only has style.
This block hangs at the beginning of the body which has an id. The block itself contains a ton of styles. It would be possible to hide it as the first child block, but this block is not always there. This is a banner from the CMS so climbs. There is no access to the code, but there is access to html through a macro, that is, I can edit styles for c id or class blocks. You need to find it by style="..." and hide (in extreme cases, change the text) Perhaps you can search by the text in the block or by styles, but I don’t know how. Found this code..

<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]);
  }
}

Answer 1

If it is as stupid as possible, then here is https://stackblitz.com/edit/js-mfhn7x?file=index.js

Answer 2

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

Answer 3

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

Also, don't use a useful div as the first element.