のDocument Object Model

開発ドキュメントです

  

Document Object Modelは、ドキュメントなしで動作することはできません。するときにWebページを作成し、Webブラウザにロードすると、DOMの生活にかき混ぜる。これは、ドキュメントには書かれていると、オブジェクトに変えることがかかります。通常の日常英語では、単語の"オブジェクトの"非常に説明されていません。これは単に事を意味します。プログラミング言語では、他の一方で、"オブジェクト"という非常に特殊な意味を持ちます。

欲望の物体

前回の記事の終わりに、私はいくつかの例を示した オブジェクト JavaScriptをした。あなたは、オブジェクト自身のデータのバンドルに含まれている記憶があります。変数をオブジェクトに関連付けられたと呼ばれる プロパティ オブジェクトの中には、オブジェクトで実行することができます関数が呼び出されるの メソッド オブジェクトのJavaScriptにはオブジェクトの3つの種類:ユーザーオブジェクトをスクラッチからのプログラマによって作成された定義されます。我々は、これらに対処することはできません。アレイ、数学とは、JavaScriptに組み込まれている日付のようなネイティブオブジェクトです。は、ブラウザによって提供されてホストオブジェクトです。

JavaScriptの初期のころから、いくつかの非常に重要なホストオブジェクトのスクリプト用に提供されている。これらの最も基本的なウィンドウのオブジェクトです。このオブジェクトには何もしているブラウザウィンドウ自体の表現をより小さい。プロパティとは、windowオブジェクトのメソッドをよくするためにブラウザのオブジェクトモデルとしては、おそらくウィンドウオブジェクトモデルの詳細は意味的に正しいこととは呼ばれています。ブラウザのオブジェクトモデルwindow.openとwindow.blurのようなメソッドがあります。これらのメソッドは、偶然、これらすべての迷惑なポップアップを開くとポップアップを担当されて窓の下では、現在のWebペスト。

も不思議では、JavaScriptを悪評しています!幸いなことに、我々はブラウザのオブジェクトモデルを非常に扱うことはできません。その代わり、私には、ブラウザのウィンドウ内に集中するつもりです。 、私たちつもりでは、Webページの内容を処理するオブジェクトがドキュメントオブジェクトは、この資料の残りの部分についてはほとんどのプロパティとは、文書オブジェクトのメソッドを扱うことができます。これは、文字D(ドキュメント)と説明アルファベットのO DOMの中で(オブジェクト)。しかし、文字Mはどうか?

ダイヤルMモデル

は、M DOMの中でモデルの略ですが、それだけで、簡単に地図に立つことができます。地図のようなモデルでは、何かを表現したものです。鉄道模型実際の電車を表します。街の通りのマップは、実際の街を表します。のDocument Object Modelは、現在のブラウザウィンドウに読み込まれたのは、Webページを表します。ブラウザには、地図(またはページのモデル)を提供します。するにはJavaScriptこの地図の読み取りに使用することができます。マップする方向のような規則を使用し、輪郭、およびスケール。ために地図を見るには、これらの規則を理解する必要があるとのDocument Object Modelと同じです。順序では、モデルから情報を取得するには、規則は、ドキュメントを表すためにどのように使用されているを理解する必要があります。最も重要な規則は、ドキュメントオブジェクトモデルで使用されるツリーとしては、文書の表現です。

もっと具体的には、文書の家系図として表されます。家系モデルの別の例です。ファミリーツリーで、本当の家族を表して、家族との間の関係を説明し、規則のように使用して 子供、 および 兄弟。一方、別の家族の一員にもされている子、まだ他の家族の一員の兄弟の家系図のモデルでも同様に動作するこれらのいくつかはかなり複雑な関係を表すために:家族のメンバのいずれか他の人に親になることができますを使用することができますドキュメント(X)をHTMLで記述さを表すインチメソッドは、ドキュメントオブジェクトモデルによって提供される:

 

getElementByIdを

getElementsByTagName

getAttribute

setAttribute

 

これらの4つのメソッドのように記述するつもりは、DOMスクリプトの多くのDOMの多くのメソッドとプロパティを提供のための基礎になります。そこに、nodeValueはchildNodes、nextSiblingを、nodeNameはさんとparentNodeは、ほんの数名に。しかし、私はまだその説明してやる事として、順番に各1を説明するときにしている必要つもりはない。私は今ちょうどあなたの食欲を刺激するよう言及している。この理論の多くを介してこの記事を読んだ。今では、DOMの電源警告ボックス以外のものを使用してテストするためのかゆみでしょうね。私はそれの高い時間を我々のケーススタディには、DOM適用されると思います。

記事は、ジャックGoudreau提出


免責事項:弊社のウェブサイトは、この資料の内容については責任を負いません。 Webarticles無料の情報リソースです。
重要: この記事は、"ドキュメントオブジェクトモデル"自動ソフトウェアによって翻訳された。大変申し訳ございませんが発生した可能性があります任意のスペルミスを感じている。お客様のご理解いただき、ありがとうございます。


Online: 361 users browsing the articles directory