2010-12-02 5 views
4

初心者ですが、HTML & HTML5です。
私が以下のlinkを読んでいたとき、私はこの用語を見つけました。DOMDOM APIです。私はWikipediaを読んだが、その背後にあるアイデア全体を消化することはできなかった。DOM(Document Object Model)の概念の背後にある真の考え方は何ですか?

誰かが私に説明してもらえ:

  • ドキュメントオブジェクトモデル(DOM)の概念の背後にある本当のアイデア?
  • どのようにHTML5に関連していますか?

おかげで、
セン

+0

が重複する可能性のあるオブジェクト(http://stackoverflow.com/ [DOMとHTML(API)をとの関係で混乱]質問/ 4306870 /混乱しバイ関係-DOM-間-と-HTML-API)を – Quentin

+0

@デビッド:私は質問の唯一の2番目の部分は、上記のstackoverflowのリンクで議論されていると思います。 – Sen

答えて

5

ドキュメントオブジェクトモデル(DOM)が代表と HTML、XHTML内のオブジェクトとXML 文書

と対話 ため クロスプラットフォームと 言語に依存しない慣習です

簡単に言えば、それはブラウザ(他のクライアントの中でも)がウェブドキュメントをどのように表しているかです。 DOMはHTML5に固有のものではありません。それはそこから行ってきました。

DOM APIは基本的に、プログラマとしてDOMとやりとりする方法を意味します。たとえば、DOMに要素を追加したり、スタイルを変更したり、Webドキュメントで行う一般的な操作を行う例があります。 HTML5の文脈において

、例えば<video><audio>要素としてHTML仕様の以前のバージョンに存在しなかったDOMにいくつかの追加があります。

3
  • DOMは、HTML文書のブラウザの内部表現です。
  • DOM APIはブラウザでJavaScriptを使用してDOMをプログラミングする方法です。
  • HTML5はHTMLの新しい味です。まったく同じ方法でDOMを使用します。

Mark Pilgrimが言っていることは、ビデオファイルの再生を開始するなど、DOM APIを通じてHTML5 DOM要素でできることがあることです。したがって、JavaScriptに<video> DOMオブジェクトがある場合は、.play()メソッドをJavaScriptから呼び出すことができます。これは、DOM APIの例です。 Wikipediaから

0

ドキュメントオブジェクトモデルは、HTMLのブラウザの内部表現です。それは「子供たち」の考え方に基づいています。だから、<p>タグは、いくつかのテキストノードと、このようないくつかの<span>タグ、含まれる可能性があります:2 <span>秒、および2つのテキストノード(this is some textis just a short paragraph):

<p><span>Hello,</span> this is some text. <span>It</span> is just a short paragraph</p> 

をこの<p>タグは、4人の子供を持っています。テキストの他のビットはそれぞれの<span>タグの子です。その内部メモリに(だけでなく、プロセスには非常に困難であるHTMLの巨大な流れを、記憶の)

ブラウザ格納この情報。これにより、カスケーディングスタイルシート(CSS)を使用して書式を設定し、JavaScriptを使用して変更を加えること(部品の作成と削除、親から別部品への部品の移動など)が簡単になります。

(おそらく非常に早いものを除く)HTMLのすべてのバージョンは、DOMを使用しています。各バージョンには、有効なタグや各要素の子要素など、ルールがあります。これらのルールは、HTMLを処理し、HTMLのDOM表現を作成するときに実装されます。

0

DOMは、プログラムオブジェクトのHTML表現で、各Webページには、DOMのコレクションは

関連する問題