javascript - 我无法在 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');