SVG에서 색상을 변경할 수 없습니다

Question

SVG 애니메이션을 만들려고했습니다. 하지만 빨간 뺨을 클릭하면 SVG 요소의 색상을 변경할 수 없습니다. 아마도 자바 스크립트 선택기가 잘못되었다고 생각합니다. 왜냐하면 때로는 QueryCheckorAll 메서드를 사용할 때 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');