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

速攻でメモできる QuickNote リリースしました!

QuickNoteは動作が超軽量でサクサクかけるノートアプリです。一瞬の閃きを逃さずにノートを開き書き始めることができます。 アカウント登録も不要です。お試しあれ!

Excel操作をコマンドで! proBoarderExcel

Excelはマウスで操作するのが基本ですが、マウス操作に疲れてはいませんか? キーボードでExcel操作ができるようになるアプリです。オープンソースで無料です。

積み上げ! Daily Stack リリースしました!

Daily Stack は日々の積み上げを管理するToDoアプリです。過去の積み上げの振り返りだけでなく、ツイート機能もあります。 アカウント登録不要ですぐに使い始めることができます。

ExecNote.app リリースしました!

ExecNoteは、コードが実行できるMarkdownアプリケーションです。Markdownドキュメント内に記載したコードをクリックすると実行ができます。わざわざターミナルを 起動させる必要がありません!無料ですのでもしよければダウンロードをお願いします。

About Me

11年目のシステムエンジニアです。アプリで生活や仕事を改善したい🐱仕事効率化、自動化のアプリ開発が得意です、ご相談ください。 🚀エンタメ系アプリの開発も模索中🐬社内SEや個人アプリ開発者、システムエンジニアになりたい人と繋がりたい🐱