Javascript 花式滑码笔

我在这个代码上遇到了问题； 我想添加其他的图片，我的评论包括我的名字 但它不起作用，这是代码片段的原始链接

这是修改后的代码段 我总是犯这个错误

{
  "message": "Uncaught TypeError: Cannot read property 'classList' of null",
  "filename": "https://stacksnippets.net/js",
  "lineno": 1179,
  "colno": 25
}

您可以运行上面的代码段以获得更多详细信息 提前谢谢

由于@slientw，此修改已解决

---

在所提供的示例中，脚本的

fnc-nav\uu bgs的数量应与幻灯片的数量相同

因此，如果您在HTML第163行的
div.fnc-nav_uubgs
中再添加两个div，它将正常工作

例如：

<div class="fnc-nav__bgs">
  <div class="fnc-nav__bg m--navbg-green m--active-nav-bg"></div>
  <div class="fnc-nav__bg m--navbg-dark"></div>
  <div class="fnc-nav__bg m--navbg-red"></div>
  <div class="fnc-nav__bg m--navbg-blue"></div>
  <div class="fnc-nav__bg m--navbg-blue"></div> <!-- Added -->
  <div class="fnc-nav__bg m--navbg-blue"></div> <!-- Added -->
</div>

这意味着您的选择器
$activeControlsBg
没有引用HTML中的实际节点-我会查看该选择器，并确保它指向您试图指向的节点。