現役システムエンジニアの備忘録

技術スキルや用語などの記録を残していきます

DOM / Document(ページ操作)

【JavaScript入門】document.applets・embeds・pluginsとは?アプレットやプラグイン数の取得方法を解説

投稿日:2019年5月5日 更新日:

この記事で分かること

  • document.applets / embeds / plugins の役割
  • アプレット・プラグイン一覧の取得方法
  • length プロパティで数を調べる方法
  • 配列操作の基礎理解に役立つポイント
  • 現代ブラウザでの注意点

document.appletsdocument.embedsdocument.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 は配列の要素数を取得するプロパティです。
複数形のプロパティ(imagesformslinks など)は配列であり、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 の書き方が身につく
  • 実務で必要な知識をまとめて習得

超JavaScript 完全ガイド 2026(Udemy)

体系的に学びたい方へ(スクールという選択肢)

独学の限界を感じやすいポイント

  • 配列操作の基礎が曖昧なまま進んでしまう
  • レガシー API と現代的 API の違いが理解しづらい
  • コードの意図が理解できない
  • 学習の順番に自信が持てない

document.applets / embeds / plugins を理解すると、
DOM の配列系プロパティ(imagesformslinks など)もスムーズに理解できます。
つまずきやすい部分を質問できる環境があると理解が深まります。

無料相談で得られるメリット

  • あなたのレベルに合わせた学習計画を作成
  • 独学でつまずきやすい部分を事前に把握
  • 学習方法の改善点をプロがアドバイス
  • エンジニア転職を視野に入れたキャリア相談も可能

JavaScript を効率よく学びたい方には、未経験からエンジニアを目指せる
DMM WEBCAMP の学習コースも選択肢のひとつです。

DMM WEBCAMP 学習コース(無料相談はこちら)



document.applets / embeds / plugins に関するよくある質問(FAQ)

Q1

現代のブラウザでも使える?

A

多くのブラウザで非推奨となっており、アプレットやプラグイン自体がサポートされていません。

Q2

length プロパティは他の要素でも使える?

A

はい。imagesformslinks などの複数形プロパティは配列であり、length で数を取得できます。

Q3

pluginsembeds の違いは?

A

embeds<embed> タグの一覧、plugins はブラウザが認識するプラグイン一覧で、ブラウザ依存です。

Q4

学習用途としてのメリットは?

A

配列操作や length の理解に役立ち、DOM の複数要素操作の基礎が身につきます。



まとめ

  • document.applets:Java アプレットの一覧
  • document.embedsembed タグのプラグイン一覧
  • document.plugins:プラグイン一覧(ブラウザ依存)
  • いずれも配列として扱え、length で数を取得できる



関連記事

【JavaScript入門】document.writeとdocument.writelnの使い方|違い・注意点・HTML出力の仕組みを解説

この記事で分かること document.write() と document.writeln() の役割 HTMLへの書き出しの仕組み write と writeln の違い 改行が反映される条件(p …

【JavaScript入門】document.lastModifiedとは?ページ最終更新日の取得方法を初心者向けに解説

この記事で分かること document.lastModified の役割と仕組み 最終更新日の取得方法 返される日付形式と環境差 自動表示するメリット 注意点と日付整形の方法 document.las …

【JavaScript入門】document.titleとは?ページタイトルの取得・変更方法を初心者向けに解説

この記事で分かること document.title の役割と仕組み ページタイトルの取得・変更方法 タブタイトルを動的に変更する方法 SPA での活用例 SEO の観点での注意点 document.t …

【JavaScript入門】document.openとdocument.closeの使い方|書き出し処理の仕組みと注意点を解説

この記事で分かること document.open() と document.close() の役割 ドキュメント書き出しの仕組み MIMEタイプの指定方法 window.open() との違い 使用時 …

【JavaScript入門】document.getSelectionとは?選択中の文字列を取得する方法を初心者向けに解説

この記事で分かること document.getSelection() の役割と仕組み 選択中の文字列を取得する方法 選択されていない場合の挙動 検索・コピー・ハイライトなどの活用シーン 実用的なコード …

このブログは Xserver 上の WordPress で運用しています。
表示速度が速く、安定しているのでブログ初心者にもおすすめです。

レンタルサーバー エックスサーバー

-DOM / Document(ページ操作)

執筆者: