[Javascript] IE에서 forEach사용하기

IE에서는 document.querySelectorAll()과 같은 노드 배열에 관해서는 forEach메소드를 지원을 하지 않는다.

이럴 경우 해결법이 두가지가 있다.

 

1. 상단에 노드리스트에 관한 조건을 추가해준후 평소와 같이 사용한다.

if (window.NodeList && !NodeList.prototype.forEach) {
  NodeList.prototype.forEach = Array.prototype.forEach;
}

 

2. 배열 오브젝트에서 forEach메소드를 빌려 사용해야 한다

Array.prototype.forEach.call(요소리스트, 함수);

 

var nodes = document.querySelectorAll(".node");
Array.prototype.forEach.call(nodes, function(k, v){

});

 

 

 

2번도 사용해보긴 했는데.. 또 다시 알 수 없는 오류를 만나서 1번으로 간단하게 해결 후 사용중이다!