이전에 유사배열 관련해서 포스팅했을때 익스에서 forEach()를 쓰지못한다고 올렸었으나
몇가지 해결 방법을 발견하게 됐습니다.
여러가지 해결방법이 있었으나 그 중 가장 간결해보이고 짧은 소스코드를 추가하여 해결하는 방안을 제시하겠습니다.
- Array.prototype.forEach
//아래의 조건문을 삽입 함으로서 forEach()를 사용 할 수 있다.
if(window.NodeList && !NodeList.prototype.forEach) {
NodeList.prototype.forEach = Array.prototype.forEach;
}
const tab = document.querySelectorAll("li");
tab.forEach(function(tabs) {
tabs.addEventListener(....);
});

IE의 서비스가 종료될 2022년 중반기까지는 유용하게 사용 할 수 있을것으로 보이며 원리에 대해서는 좀 더 공부가 필요 할 것 같습니다
반응형
'퍼블리셔 Note > JAVASCRIPT' 카테고리의 다른 글
| [JQuery] 스크롤 페이드 인 앤 아웃 효과2 - 스크립트 작성 (0) | 2022.01.10 |
|---|---|
| [JQuery] 스크롤 페이드 인 앤 아웃 효과1 - AOS 라이브러리 (0) | 2022.01.07 |
| [JQuery] 전체 동의 체크박스 처리 (0) | 2021.12.02 |
| [vanilla JS] select 박스 선택(option) 값 가져오기 (0) | 2021.10.06 |
| [vanilla JS] 여러 개의 li요소에 같은 클릭 이벤트 주기 (0) | 2021.09.30 |