Javascript cannot getElementById

Question

I've got a site which has annoying features - f.e it detects adblock and puts on big rectangle on the video window saying that I should disable adblock. The code for this looks like this:

<div class="tvpoverlay_element" id="tvpoverlay_abdinfo" style="cursor: pointer;">
    <div style="top: 20%; left: 0px; width: 100%; height: auto; position: absolute; display: block; pointer-events: auto;">

So if I insert display: none in the second line, the rectangle would disappear, and I would be very happy. I wanted to make simple script to automate this process. I tried command:

document.getElementById('tvpoverlay_abdinfo').style.display = 'none'

but .getElementById() returrns null. How can I get to this div and change the display, if the solution above doesn't work?

Are you sure that the element already exists when you're trying to access it? — JLRishe, Mar 17 '17 at 10:34
Try the command `document.getElementById('tvpoverlay_abdinfo')` in the developer console of the site, and check it finds the element — surajck, Mar 17 '17 at 10:36
If I can manually change it, then it prolly exists, but when I type this to the console, it doesn't work. And the command above returns null — , Mar 17 '17 at 10:37

score 2 · Accepted Answer · edited May 23 '17 at 11:53

2

First check that when you are triggering that code line, the element exists (e.g. if the app is using Angular or react or whatever JS Framework, those elements don't exist at the beginning)

Maybe is a good solution for you write a script to check if the element exist and then execute your code (How to wait until an element exists?)

The command is right, so just trigger it at the right moment.

If is inside an iframe, try this (Javascript - Get element from within an iFrame)

edited May 23 '17 at 11:53

Community

1
1

answered Mar 17 '17 at 10:36

ayxos

408
1
7
15

It is in iframe, but it has no id :( – Mar 17 '17 at 10:44
Is it the only iframe in the page? – ayxos Mar 17 '17 at 10:44
You can include an Id to the iframe or search by class if is unique or getElementsByTag which returns an array and check another uniques attr to get your iframe – ayxos Mar 17 '17 at 10:47

Javascript cannot getElementById

1 Answers1