목록Dom (1)

끄적 코딩

[JavaScript] 제어 대상 getElement, querySelector 비교 : getElementById, getElementsByClassName, querySelector 등

getElementById getElementsByTagName getElementsByClassName Collapse(버튼 눌러서 접었다 펴기) 기능을 넣을 때, if문에서 오류가 발생했다. document.getElementsByClassName('contents').style.display === "none" 이 부분이 문제였다. id로 제어대상을 찾는 getElementById()와 비슷한 형태여서 같은 코드로 사용할 수 있는 줄 알았다. 하지만 console.log로 출력해보니 원인을 알게되었다. getElementsByClassName, getElemnetsByTagName 출력값 class와 tag는 여러개일 수 있기 때문에 배열과 비슷한 형태(The NodeList object 노드 모음..
JavaScript 2022. 4. 15. 17:17
Prev 1 Next