dom 검색해서 반복하기 getElementsByClassName loop

getElementsByClassName 이용해서 검색한 것들을 반복하고 싶었는데요. ForEach 바로 사용할 수 있을 줄 알았는데 안되더라고요. querySelectorAll 이용해서 검색해서 할 수도 있는데요. getElementsByClassName으로 하고 싶은 경우도 한번 살펴보려고 합니다.

노션에서 특정 버튼 부분을 제거하려고 했었는데요. 그래서 찾아서 해봤습니다.

document.getElementsByClassName('notion-collection-view-tab-button').forEach(dom => dom.remove())

forEach 함수는 없다고 나오더라고요. 그래서 배열로 인식되어 forEach를 사용 할 수 있도록 괄호로 감 싸우면서... 연산자를 사용했습니다.

[...document.getElementsByClassName('notion-collection-view-tab-button')].forEach(dom => dom.remove())

이제 잘 되네요. 물론 querySelectorAll 을 사용하면 바로 forEach를 사용할 수 있어요.

document.querySelectorAll('.notion-collection-view-tab-button').forEach(dom => dom.remove())

노션에 있는 내용을 예쁘게 줄력하기 위해서 만들고 있는데 그 부분에서 활용하고 있어요.