我不能在SVG中改变颜色

Question

我试图制作一个SVG动画。 但是当我点击Red Cheeks按钮时，它无法改变SVG元素的颜色。 也许，我认为javascript选择器是错误的。因为有时候，当我使用querySelectorAll方法时，它只能用于LeftCheek。

控制台显示此错误消息。但我无法理解我是如何解决的。

main.js:11 Uncaught TypeError: Cannot read property 'add' of undefined(…)changeCharactor @ main.js:11

我的代码是here（代码笔）。

如果我的解释不清楚，请发表评论。 谢谢： - ）

Answer 1

cheek变量设置为DOMList，有点像元素数组。

var cheek = document.getElementsByClassName("cheeks");

因此，它没有classList属性。相反，列表中的各个元素具有该属性。

cheek[0].classList.add('...whatever');