190808 TIL IE 11 노드 리스트

Aug 8, 2019 » 1막, TIL (Today I Learned)

IE 11 노드 리스트

요새 랜딩을 수정하고 있는데, IE에서 테스트를 해보았다.

  removeOn() {
    const texts = document.querySelectorAll(".benefit-text");
    const imgs = document.querySelectorAll(".benefit-img");
    texts.forEach(content => {
      content.classList.remove("on");
    }
  )}

요런 코드 였는데, 뜬금없이 IE 11에서 안 돌아가는 것이었다!!!
찾아보니 query로 잡으면 nodeList로 들어가는데, IE 11에선 노드리스트에서 forEach를 쓸 수 없다고… 알 수 없다 너어…….

const texts = [...document.querySelectorAll(".benefit-text")];
const imgs = [...document.querySelectorAll(".benefit-img")];

요렇게 배열화해서 했더니 forEach 잘 돌아간다~