HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

ドキュメントオブジェクトモデルとは何ですか？

Documentオブジェクトは、そのウィンドウに表示されるHTMLドキュメントを表します。 Documentオブジェクトには、他のオブジェクトを参照するさまざまなプロパティがあり、ドキュメントコンテンツへのアクセスと変更が可能です。

ドキュメントコンテンツにアクセスして変更する方法は、ドキュメントオブジェクトと呼ばれます。 モデル 、または DOM 。オブジェクトは階層で編成されています。この階層構造は、Webドキュメント内のオブジェクトの編成に適用されます。

  • ウィンドウオブジェクト −階層の最上位。これは、オブジェクト階層の最大の要素です。
  • ドキュメントオブジェクト −ウィンドウにロードされる各HTMLドキュメントは、ドキュメントオブジェクトになります。ドキュメントにはページのコンテンツが含まれています。
  • フォームオブジェクト −
    ...
    タグで囲まれたものはすべて、フォームオブジェクトを設定します。
  • フォームコントロール要素 −フォームオブジェクトには、テキストフィールド、ボタン、ラジオボタン、チェックボックスなど、そのオブジェクトに対して定義されたすべての要素が含まれています。

  1. HTMLDOMDetailsオブジェクト

    HTML DOM Detailsオブジェクトは、HTMLの要素に関連付けられています。これにより、ユーザーが見たい場合にのみ表示できる情報を非表示にすることができます。 プロパティ 以下は、Detailsオブジェクトのプロパティです- Sr.No プロパティと説明 1 開く 詳細をユーザーに表示するかどうかを設定または返す。 構文 以下は、-の構文です。 詳細オブジェクトの作成- var p = document.createElement("DETAILS"); 例 HTMLDOMDetailsオブジェクトの例を見てみましょう-

  2. HTMLDOMTextareaオブジェクト

    HTML DOM Textareaオブジェクトは、HTMLドキュメントの要素を表します。 Textareaオブジェクトを作成する 構文 以下は構文です- document.createElement(“TEXTAREA”); Textareaオブジェクトのプロパティ プロパティ 説明 オートフォーカス ページの読み込み時にテキスト領域が自動的にフォーカスされるかどうかを返し、変更します。 defaultValue HTMLドキュメントのテキスト領域要素のデフォルト値を返して変更します。 cols HTMLドキュメントのテキスト領域要素のcols