2009-07-13 17 views
54

DOMエレメントの意味は次のとおりですか?DOM要素とは何ですか?

Statement #1あなたは つのDOM要素に複数のクラスを追加することができます。

Statement #2

- ポイントは CSSでその継承はクラスを介して行われていないが、要素の階層を 。だから モデル継承形質に DOMの 要素の異なるレベルに適用する必要があります。

私はDOMがDomain Object Modelを表していることを知っています。ステートメント内のAPIと同義であるようです。

+1

これはいくつかの追加情報を与えると思います。http://www.w3.org/TR/DOM-Level-2-Core/introduction.html – shanish

答えて

85

文書オブジェクトモデル。
DOMは、Javascriptがそのページを含むページのデータを見る方法です。これは、HTML/XHTML/XMLのフォーマット方法とブラウザの状態を含むオブジェクトです。

DOM要素は、ページ上のDIV、HTML、BODY要素のようなものです。 CSSを使用してこれらのすべてにクラスを追加したり、JSを使用してそれらとやり取りしたりすることができます。

18

実際にはドキュメントオブジェクトモデルです。 HTMLは、ページのメモリ内表現であるDOMを構築するために使用されます(HTMLと密接に関連していますが、まったく同じものではありません)。 CSSやJavascriptのようなものはDOMとやりとりします。

3

あなたのステートメントは、HTMLタグ(A、INPUTなど)などの「DOMの要素」を参照していることを確認してください。 Thseステートメントは、複数のCSSクラスがそのような要素の1つに割り当てられることを意味します。

8

World Wide Web Consortium(W3C)によって開発されたプログラミングインターフェイス仕様であるDocument Object Model(DOM)により、プログラマはHTMLページとXMLドキュメントを本格的なプログラムオブジェクトとして作成および変更できます。

12

文はCSSをHTMLにどのように影響するかのコンテキストである場合、DOM要素HTML要素を指します。

+0

@Martin:すばらしい例! –

6

DOMは、プログラムやスクリプトがXMLやHTMLドキュメントの内容、構造、スタイルに動的にアクセスして更新できるようにします。

DOMは、から構成されている:オブジェクト/エレメント

    • セットこれらのオブジェクト/エレメントは
    それらにアクセスして変更するためのインタフェースを組み合わせることができる方法の構造

    歓声

  • 5

    DOMは、ドキュメントオブジェクトモデルの略です。これはW3C(World Wide Web Consortium)標準です。これは、HTMLやXML文書へのアクセスと操作のための標準を定義し、DOMの要素は頭部、タイトル、bodyタグなどで、あなたの最初の文の答えは

    ステートメント#1 あるので、あなたは、単一の複数のクラスを追加することができますDOM要素。

    説明: "のdivクラス=" cssclass1 cssclass2 cssclass3"

    は、ここでタグはDOMの要素であると私は、DOM要素に複数のクラスを適用している

    4

    のDOM(Document Object Model)をするための規格です。

    'ウェブページが読み込まれると、ブラウザはページのドキュメントオブジェクトモデルを作成します。'より多くを学ぶために

    - Core DOM - standard model for all document types 
    - XML DOM - standard model for XML documents 
    - HTML DOM - standard model for HTML documents 
    

    は、以下を参照してください:

    それは3つの部分に分かれていますhttp://www.w3schools.com/js/js_htmldom.asp

    1

    DOMオブジェクトの構造に基づいて、任意の便利なmanner.Itで実施することができる論理的なモデルであること密接文書それのモデルの構造が似ている

    DOMについての詳細は:。 Click Here

    2

    DOM要素の概念を理解するには、動的HTMLとDOMの概念を理解することが不可欠です。すべては、ウェブページのすべての株主の要件が強化された時点から開始されます。彼らはよりインタラクティブでダイナミックで活気のあるWebページを望んでいました。さらに、開発者はこの目標を達成するために、Webページの各セクションのプレゼンテーションとコンテンツを変更または操作できるツールとメカニズムを必要としていました。したがって、動的HTMLの概念が作成されます。それを理解するには、ダイナミックHTMLのための偉大な定義はWikipediaでアクセスできます

    ダイナミックHTML、またはDHTML、組み合わせを使用することにより、インタラクティブとアニメーションのウェブサイト を作成するために一緒に使用さ 技術の収集のための包括的な用語であります(HTMLなど)、 クライアント側のスクリプト言語(JavaScriptなど)、プレゼンテーション 定義言語(CSSなど)、およびドキュメントオブジェクトモデル (DOM)など、さまざまな種類の言語をサポートしています。

    したがって、標準DHTML Webページの作成は、クライアント側スクリプト言語(JavaScriptなど)、プレゼンテーション定義言語(CSSなど)、統一プログラミングインタフェース(API)などの3つのフィールドで標準化されています。 Webページ(Document Object Model)を変更します。このアクティビティはW3Cなどで実行されます。クロスブラウザの問題を解決するために、W3Cは標準のアプリケーションプログラミングインターフェイス(API)としてDocument Object Model(DOM)を介してHTMLおよびXMLドキュメントにアクセスして操作するためのスクリプトについて、一般的なコンセンサス(ブラウザベンダ別)に到達しようとしました。

    しかし、主な質問は、ドキュメントオブジェクトモデルの構造をどのようにしてニーズに合わせて設計したかということです。彼らの解決策はシンプルですばらしいものでした。彼らはツリーのような階層構造を使用してツリーのルートでドキュメントオブジェクトを見つけることができ、各ノードはHTML要素(DOM要素)に相当します。このWebページの抽象化によって、HTMLエレメント、スタイルシート、およびその他のものにアクセスすることができます。それをよりよく理解するために、HTMLコードの各インデントをDOMツリーの各レベルにマッピングすることができます。この例に注意してください:

    あなたのHTML:

    <!DOCTYPE html> 
    <html> 
        <head> 
        </head> 
        <body> 
         <p>...</p> 
         <ul> 
          <li>...</li> 
         </ul> 
         <table> 
          <tr>...</tr> 
         </table> 
        </body> 
    </html> 
    

    DOM構造:

    document 
         | .  
        <html> . 
        / \   . 
    <head> <body> styleSheets 
         /\ \ 
         <p> <ul> <table> 
        / \  \ 
        text <li> <tr> 
    

    ので、この階層構造(DOMツリー)の各ノードは、DOM要素を指します。 To learn more use tis reference

    +0

    これは、コアDOM、XML DOM、およびHTML DOMで拡張する必要があります。また、子ノードや親ノード(DOM要素)を操作するためのコマンド例 - - また、基本的な例:CSSのコンテキストでは、DOM要素はHTML要素などです。 –

    関連する問題