Javascript で 複数の DOM要素を forEach でループ処理する方法

Javascript で複数のDOM要素を取得し、forEach でループ処理する方法を紹介します。

var elms = document.getElementsByClassName("ClassName") などでDOM要素を取得し、

elms.forEach() をやろうとすると、以下のメッセージが表示されます。

Uncaught TypeError: elms.forEach is not a function

これに対応するためには、Array.prototype.forEach.call() を使用します。

    var AceEditors = document.getElementsByClassName("aceeditor")

    Array.prototype.forEach.call(AceEditors, function(element) {

        /*
        ... 処理 ...
        */

    })

これでエラーなく、forEach()でループ処理ができます。

コメントを残す

メールアドレスが公開されることはありません。