티스토리 뷰

Javascript

for loop vs. forEach()

lluna 2021. 11. 7. 21:49

변수를 querySelectorAll 로 잡아서, Nodelist 를 만들었다고 해보자.

 

이때 3개의 <div> 요소에 각각 동일한 class 속성을 부여하고 싶다면,

for 반복문을 사용하거나 forEach 헬퍼메서드를 사용하면 된다.

 

단, for 반복문 사용시, 반복되는 요소는 인덱스 값 (0, 1, 2) 임에 주의해야 한다.

굳이 활용하고 싶다면 파이썬처럼 inputTags에 인덱스를 잡아서 돌려주면 된다.

그런데, 적용은 되는데 에러가 뜬다.

따라서 에러문제도 있고, 이 경우 element 조작이기 때문에 forEach 메서드를 사용하는 것이 적절하다.

 

 

 

'Javascript' 카테고리의 다른 글

event.preventDefault()  (0) 2021.11.07
DOM - Collection (Live vs. Static)  (0) 2021.11.07
DOM 조작 메서드 비교  (0) 2021.11.07
DOM  (0) 2021.11.07
fontawesome 아이콘 a, i태그에 eventListener 적용하기 - 에러와 해결  (0) 2021.11.02
댓글