JavaScript-レガシーDOM

これは、JavaScript言語の初期バージョンで導入されたモデルです。すべてのブラウザで十分にサポートされていますが、フォーム、フォーム要素、画像など、ドキュメントの特定の重要な部分にのみアクセスできます。

このモデルは、タイトル、URL、lastModifiedなどのいくつかの読み取り専用プロパティを提供し、ドキュメント全体に関する情報を提供します。それとは別に、ドキュメントのプロパティ値を設定および取得するために使用できるこのモデルによって提供されるさまざまなメソッドがあります。

レガシーDOMのドキュメントプロパティ

以下は、レガシーDOMを使用してアクセスできるドキュメントプロパティのリストです。

Sr.No.	Property & Description
1	alinkColor 非推奨-アクティブ化されたリンクの色を指定する文字列。例-document.alinkColor
2	anchors[ ] ドキュメントに表示されるアンカーごとに1つのアンカーオブジェクトの配列 Ex* -document.anchors [0]、document.anchors [1]など
3	applets[ ] アプレットオブジェクトの配列。ドキュメントに表示されるアプレットごとに1つ Ex* -document.applets [0]、document.applets [1]など
4	bgColor 非推奨-ドキュメントの背景色を指定する文字列。例-document.bgColor
5	cookie このドキュメントに関連付けられたCookieを照会および設定できる特別な動作を持つ文字列値のプロパティ。例-document.cookie
6	domain ドキュメントのインターネットドメインを指定する文字列。セキュリティ目的で使用されます。 Ex* -document.domain
7	embeds[ ] <embed>タグを使用してドキュメントに埋め込まれたデータを表すオブジェクトの配列。プラグインの同義語[]。一部のプラグインとActiveXコントロールは、JavaScriptコードで制御できます。 Ex* -document.embeds [0]、document.embeds [1]など
8	fgColor 非推奨-ドキュメントのデフォルトのテキスト色を指定する文字列例-document.fgColor
9	forms[ ] ドキュメントに表示される各HTMLフォームに1つずつある、フォームオブジェクトの配列。 Ex* -document.forms [0]、document.forms [1]など
10	images[ ] HTML <img>タグを使用してドキュメントに埋め込まれている各画像に1つずつあるImageオブジェクトの配列。 Ex* -document.images [0]、document.images [1]など
11	lastModified ドキュメントへの最新の変更の日付を指定する読み取り専用文字列例-document.lastModified
12	linkColor 非推奨-訪問されていないリンクの色を指定する文字列例-document.linkColor
13	links[ ] これはドキュメントリンク配列です。例-document.links [0]、document.links [1]など
14	location ドキュメントのURL。 URLプロパティを支持して廃止されました。例-document.location
15	plugins[ ] 埋め込みの同義語[] Ex* -document.plugins [0]、document.plugins [1]など
16	Referrer 現在のドキュメントのリンク元のドキュメントがある場合は、そのURLを含む読み取り専用の文字列。例-document.referrer
17	Title <title>タグのテキストコンテンツ。例-document.title
18	URL ドキュメントのURLを指定する読み取り専用の文字列。例-document.URL
19	vlinkColor 非推奨-訪問したリンクの色を指定する文字列。例-document.vlinkColor

レガシーDOMのドキュメントメソッド

以下は、レガシーDOMでサポートされているメソッドのリストです。

Sr.No.	Property & Description
1	clear( ) 非推奨-ドキュメントの内容を消去し、何も返しません。例-document.clear（）
2	close( ) open（）メソッドで開かれたドキュメントストリームを閉じ、何も返しません。例-document.close（）
3	open( ) 既存のドキュメントコンテンツを削除し、新しいドキュメントコンテンツが書き込まれる可能性のあるストリームを開きます。何も返しません。例-document.open（）
4	write( value, …) 指定した文字列を現在解析中のドキュメントに挿入するか、open（）で開いたドキュメントに追加します。何も返しません。 Ex* -document.write（value、...）
5	writeln( value, …) write（）と同じですが、出力に改行文字を追加します。何も返しません。 Ex* -document.writeln（value、...）

例

HTML DOMを使用して、HTMLドキュメント内のHTML要素を見つけることができます。たとえば、Webドキュメントに form 要素が含まれている場合、JavaScriptを使用して document.forms [0] として参照できます。 Webドキュメントに2つの form 要素が含まれている場合、最初のフォームはdocument.forms [0]および2番目のdocument.forms [1]と呼ばれます。

上記の階層とプロパティを使用して、 document.forms [0] .elements [0] などを使用して最初のフォーム要素にアクセスできます。

以下は、レガシーDOMメソッドを使用してドキュメントプロパティにアクセスする例です。

<html>

   <head>
      <title> Document Title </title>

      <script type = "text/javascript">
         <!--
            function myFunc() {
               var ret = document.title;
               alert("Document Title : " + ret );

               var ret = document.URL;
               alert("Document URL : " + ret );

               var ret = document.forms[0];
               alert("Document First Form : " + ret );

               var ret = document.forms[0].elements[1];
               alert("Second element : " + ret );
            }
        //-->
      </script>

   </head>

   <body>
      <h1 id = "title">This is main title</h1>
      <p>Click the following to see the result:</p>

      <form name = "FirstForm">
         <input type = "button" value = "Click Me" onclick = "myFunc();"/>
         <input type = "button" value="Cancel">
      </form>

      <form name = "SecondForm">
         <input type = "button" value = "Don't ClickMe"/>
      </form>

   </body>
</html>

出力

注-この例では、フォームと要素のオブジェクトを返します。このチュートリアルでは説明していないオブジェクトプロパティを使用して、それらの値にアクセスする必要があります。

Javascript-legacy-dom

目次

JavaScript-レガシーDOM

レガシーDOMのドキュメントプロパティ

レガシーDOMのドキュメントメソッド

例

出力