我无法更改SVG中的颜色
问题描述:
我试图制作SVG动画。 但是,当我点击红色脸颊按钮时,它不能改变SVG元素的颜色。 也许,我认为JavaScript选择器是错误的。因为有时候,当我使用querySelectorAll方法时,它仅处理了LeftCheek。我无法更改SVG中的颜色
并且控制台显示此错误消息。但我无法理解我是如何解决它的。
main.js:11 Uncaught TypeError: Cannot read property 'add' of undefined(…)changeCharactor @ main.js:11
我的代码是here(代码笔)。
如果我的解释不清楚,请评论。 谢谢:-)
答
cheek
变量被设置为一个DOMList,它有点像一个元素数组。
var cheek = document.getElementsByClassName("cheeks");
因此,它没有classList
属性。相反,列表中的单个元素具有该属性。
cheek[0].classList.add('...whatever');
+0
酷!有用!我理解你的评论。非常感谢 :-) – kwonkwon
请在您的问题中包含关键代码内联 - 链接不错,但额外 –