我无法更改SVG中的颜色

Question

我试图制作SVG动画。 但是，当我点击红色脸颊按钮时，它不能改变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');