querySelector在特定网站

Question

我一直在尝试使用GreaseMonkey / TamperMonkey向SoundCloud.com的主页添加一个新按钮，我没有运气。当我尝试获取列表时，我的querySelector一直返回null。

以下是HTML摘录（来自https://soundcloud.com/stream）：

<div class="streamExploreTabs">
  <ul class="g-tabs g-tabs-large streamExploreTabs__streamTab">
    <li class="g-tabs-item">
      <a class="g-tabs-link active" href="/stream">Stream</a>
    </li>
    <li class="g-tabs-item">
      <a class="g-tabs-link " href="/charts/top">Charts</a>
    </li>
  </ul>
</div>

我的Javascript是：

var streamExploreTabsList = document.querySelector("div.streamExploreTabs ul");
var DanceEDMButton = document.createElement("li");
var DanceEDMButtonText = document.createTextNode("Dance/EDM");
DanceEDMButton.appendChild(DanceEDMButtonText);
streamExploreTabsList.appendChild(DanceEDMButton);

问题是querySelector似乎正在返回null。我有replicated this in JSFiddle，它运行正常。

我尝试过几个不同的节点，但它们似乎都失败了。

以前有人遇到过这个吗？页面本身是否会阻止此Javascript成功运行？ 我在这里遇到了一个真正的问题，所以我很感激任何评论。