[error/javascript] Uncaught TypeError: Cannot set properties of undefined (setting 'display')

JavaScript

코북 2022. 3. 7. 17:37

document.getElementsByClassName("클래스명")은 nodeList를 전달합니다.

따라서 접근하고자 하는 값의 위치를 명시해줘야 모호하지 않습니다.

예시는 다음과 같습니다.

document.getElementsByClassName("class1").style.display = 'none';
document.getElementsByClassName("class2").style.display  = 'none';

접근하고자 하는 위치를 명시해 주지 않아 에러가 발생합니다.

document.getElementsByClassName("class1")[0].style.display = 'none';
document.getElementsByClassName("class2")[0].style.display  = 'none';

리스트 번호를 명시해주면 해결됩니다. 예시는 0번 째로 하였지만 자신이 원하는 위치가 있다면 값을 변경하여 접근할 수 있습니다.

본 글은 아래 링크의 내용을 참고하여 학습한 내용을 나름대로 정리한 글임을 밝힙니다.