JavaScript 无法获取ElementById

Question

我有一个网站，它有烦人的功能 - 例如它会检测广告拦截并在视频窗口上放置一个大矩形，表示我应该禁用广告拦截。其代码如下所示:

<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;">

所以如果我在第二行插入 display: none ，矩形就会消失，我会很高兴。我想制作简单的脚本来自动化这个过程。我尝试了命令:

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

但是 .getElementById() 返回 null。如果上面的解决方案不起作用，我怎样才能到达这个 div 并更改显示？

Answer 1

首先检查当您触发该代码行时，该元素是否存在(例如，如果应用程序使用 Angular 或 React 或任何 JS 框架，则这些元素在开始时不存在)

也许是一个很好的解决方案，您可以编写一个脚本来检查该元素是否存在，然后执行您的代码(How to wait until an element exists?)

命令是正确的，所以只需在正确的时刻触发即可。

如果位于 iframe 内，请尝试此操作 ( Javascript - Get element from within an iFrame )