我無法更改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');