# ■事象 **IE11でNodeListのforEach()が出来ない。** ```html

text01

text02

text03

text04

text05

``` ```js // 一見配列っぽいけど配列じゃない。 var texts = document.getElementsByClassName('text'); ``` ![t01.png](https://firebasestorage.googleapis.com/v0/b/prod-ticket-app.appspot.com/o/post%2Fken%2F1638765005817?alt=media&token=7ef764bc-37d0-4cfd-ad3c-c885916d0a59) ```js // だから配列化してforEachするわけだが...IE11では「fromなにそれ」とか言われてerrorになる。 Array.from(texts).forEach(function (e) { console.log('forEach - error on IE11:', e.innerHTML); }); ``` ![t03.png](https://firebasestorage.googleapis.com/v0/b/prod-ticket-app.appspot.com/o/post%2Fken%2F1638765467875?alt=media&token=f69c0fa5-7fa3-4ea4-9a8e-892df23efd5d) # ■解決 **下記のようにArray.prototype.slice.call()すればOK。** ```js var textsArr = Array.prototype.slice.call(document.getElementsByClassName('text')); textsArr.forEach(function (e) { console.log('forEach - correct:', e.innerHTML); }); ``` ![t02.png](https://firebasestorage.googleapis.com/v0/b/prod-ticket-app.appspot.com/o/post%2Fken%2F1638765201997?alt=media&token=f29d6e02-387f-43dd-aafd-23a4715ce212) ![t04.png](https://firebasestorage.googleapis.com/v0/b/prod-ticket-app.appspot.com/o/post%2Fken%2F1638766067985?alt=media&token=d0b1e7c8-7eb2-4357-b7b9-e9f79047a3a3) ```js // 普通の配列ならIE11でも問題なくforEach()出来るんですけどね。 var itemsArr = ['item01', 'item02', 'item03', 'item04', 'item05'] itemsArr.forEach(function (e) { console.log('forEach', e); }); // ちなみにjQueryだとこういう書き方になる。IE11対応。 $('.text').each(function (i, e) { console.log('jQuery:', $(e).html()); }); ``` jQueryに頼っていると気がつかないJavaScript事情でした。**脱jQueryでいこう。** 最近Edgeに強制移行するようになったしサポート終了が目前に迫ったことだし、**IE11、早く対象ブラウザから消えてほしい（切実）。**

Ticket is not been created yet...