Tempermonkey隐藏课程问题

Question

我需要隐藏html页面中的某个部分：

<h1 data-ng-show="!menuPinned &amp;&amp; !isSaaS" class="logo floatLeft" aria-hidden="false"><span>XXX&nbsp;</span><span style="font-weight: bold;">XXX&nbsp;</span><span>XXXXX</span></h1>

我尝试了一些东西，但没有任何作用：

var logo = document.querySelector('h1.logo.floatLeft');
logo.style.display = "none";

和

document.querySelector('h1.logo.floatLeft').remove();

有趣的是，使用第一个选项，如果我将一个id添加到我的h1（使用Chrome devtools进行硬编码）并且我选择了元素Id，它就像一件轻而易举的事情。
使用第二个选项，如果我在Chrome-console中运行一次命令，则没有任何反应，如果我运行两次，则h1会消失。

我正在使用Tempermonkey，但我想这更像是一个dom-js问题（在我的代码中）。

任何提示都非常受欢迎。

干杯，乔瓦尼