为什么我不能访问 NYT 填字游戏页面上 HTML 集合中的元素？

Question

我正在尝试编写一个 Chrome 扩展程序，将“上一个拼图”和“下一个拼图”按钮添加到纽约时报填字游戏页面上的工具栏。我讨厌不得不导航回纵横字谜档案来寻找另一个谜题并且不敢相信他们没有将它包含在工具栏中。

我的计划是在工具栏上插入两个带有按钮的附加 li 标签，位于现有的 Rebus 和 Reset 按钮旁边。我已经弄清楚了我想要注入的所有 HTML，但我似乎无法将 ul 绑定到 javascript 变量以供我编辑 innerHTML。

我认为这将是一个简单的 10-15 行 javascript，30 分钟的项目。哎呀

例如，如果您导航到：

https://www.nytimes.com/crosswords/game/daily/

或者如果您没有 Times 帐户：

https://www.nytimes.com/crosswords/game/mini/

我可以通过以下方式检索工具栏的 HTMLCollection：

var toolbar = document.getElementsByClassName('xwd__toolbar--tools');

//返回一个以 ul 作为第 0 个元素的 HTMLCollection。

但是如果我尝试实际访问第 0 个元素中的 ul，它会返回未定义的，我一直在用头撞墙试图找出原因。

var requiredElement = document.getElementsByClassName('xwd__toolbar--tools')[0];

//返回未定义

我在这里缺少什么毫无疑问明显的 javascript 东西？