この記事で分かること
document.applets/embeds/pluginsの役割- アプレット・プラグイン一覧の取得方法
lengthプロパティで数を調べる方法- 配列操作の基礎理解に役立つポイント
- 現代ブラウザでの注意点
document.applets、document.embeds、document.plugins は、
HTML ドキュメント内に含まれる Java アプレットやプラグインの一覧を配列として取得するためのプロパティです。
現在ではほとんど使われない古い仕様ですが、配列操作や length プロパティの理解に役立ちます。
3つのプロパティの役割
これらのプロパティは、ドキュメント内に含まれる特定のオブジェクトを配列として返します。
document.applets
→<applet>タグで定義された Java アプレットの一覧document.embeds
→<embed>タグで定義されたプラグインの一覧document.plugins
→ ドキュメント内のプラグイン一覧(ブラウザ依存)
いずれも「配列」として扱えるため、length プロパティで数を取得できます。
使用例
例1:Javaアプレットの数を取得する
alert("Javaアプレットの数は " + document.applets.length + " です。");
→ ドキュメント内のアプレット数をダイアログ表示します。
例2:プラグインの数を書き出す
document.write("<em>このページのプラグインの数は " + document.embeds.length + " です。</em>");
→ <embed> タグで定義されたプラグイン数を表示します。
例3:plugins の数を変数に代入する
let j = document.plugins.length;
→ プラグインの総数が変数 j に代入されます。
length プロパティについて
length は配列の要素数を取得するプロパティです。
複数形のプロパティ(images、forms、links など)は配列であり、length を使って数を調べられます。
例:ページ内のすべての画像名を表示する
for (let i = 0; i < document.images.length; i++) {
document.write(document.images[i].name + "<br>");
}
→ すべての画像オブジェクトの name 属性を順に書き出します。
注意点
- Java アプレットやプラグインは現代ブラウザでは非推奨
- セキュリティ上の理由で多くのブラウザがサポートを終了している
- 学習用途として配列操作の理解に役立つ
JavaScript 初心者におすすめの学習書籍
書籍で学ぶのが向いている人
- 紙の本で体系的に学びたい
- ネット記事だけだと情報が断片的に感じる
- 基本文法を順序立てて理解したい
document.applets などのレガシー API は、
配列操作や DOM の基礎理解に役立つテーマです。
書籍ではこれらを体系的に順序立てて学べるため、理解が深まりやすいです。
いちばんやさしい JavaScript の教本
写真や図が多く、手を動かしながら学べる初心者向けの入門書です。
- JavaScript の基本文法を視覚的に理解できる
- DOM や
documentの基本操作を学べる - サンプルを動かしながら学べるため挫折しにくい
確かな力が身につく JavaScript「超」入門
JavaScript の基礎を体系的に学びたい方に向いている入門書です。
- JavaScript の動作原理を体系的に理解できる
- 実務で使えるレベルの基礎力を身につけられる
- 現代的な JavaScript の書き方が理解できる
動画で理解を深めたい方へ(Udemy講座)
document.applets / embeds / plugins はレガシー API ですが、
「配列の扱い」「DOM の複数要素の取得」など、JavaScript の基礎理解に直結します。
Udemy では、こうした基礎を体系的に学べる講座が多数あります。
初心者のためのJavaScript 完全入門
JavaScript の基本文法から DOM 操作まで丁寧に学べる人気講座です。
- 配列・オブジェクトの基礎をしっかり理解できる
document系プロパティの扱いが分かる- 初心者がつまずきやすいポイントを丁寧に解説
→ 初心者のためのJavaScript 完全入門(Udemy)
超JavaScript 完全ガイド 2026
JavaScript の基礎〜応用を幅広く学べる総合講座です。
- DOM の配列プロパティ(
images,formsなど)を体系的に理解 - 現代的な JavaScript の書き方が身につく
- 実務で必要な知識をまとめて習得
体系的に学びたい方へ(スクールという選択肢)
独学の限界を感じやすいポイント
- 配列操作の基礎が曖昧なまま進んでしまう
- レガシー API と現代的 API の違いが理解しづらい
- コードの意図が理解できない
- 学習の順番に自信が持てない
document.applets / embeds / plugins を理解すると、
DOM の配列系プロパティ(images、forms、links など)もスムーズに理解できます。
つまずきやすい部分を質問できる環境があると理解が深まります。
無料相談で得られるメリット
- あなたのレベルに合わせた学習計画を作成
- 独学でつまずきやすい部分を事前に把握
- 学習方法の改善点をプロがアドバイス
- エンジニア転職を視野に入れたキャリア相談も可能
JavaScript を効率よく学びたい方には、未経験からエンジニアを目指せる
DMM WEBCAMP の学習コースも選択肢のひとつです。
document.applets / embeds / plugins に関するよくある質問(FAQ)
現代のブラウザでも使える?
多くのブラウザで非推奨となっており、アプレットやプラグイン自体がサポートされていません。
length プロパティは他の要素でも使える?
はい。images、forms、links などの複数形プロパティは配列であり、length で数を取得できます。
plugins と embeds の違いは?
embeds は <embed> タグの一覧、plugins はブラウザが認識するプラグイン一覧で、ブラウザ依存です。
学習用途としてのメリットは?
配列操作や length の理解に役立ち、DOM の複数要素操作の基礎が身につきます。
まとめ
document.applets:Java アプレットの一覧document.embeds:embedタグのプラグイン一覧document.plugins:プラグイン一覧(ブラウザ依存)- いずれも配列として扱え、
lengthで数を取得できる