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()でループ処理ができます。

返信を残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です