DOM-->DOMの概念とサブノードのタイプ

3083 ワード
javascriptの構成
javascriptは三つの部分から構成されています.
  • ECMAScriptは、データタイプ、関数、フロー制御などの基本的な文法を定義しています.
  • BOMは、ブラウザを操作するインターフェース
    • を定義している.
  • DOMは、html要素を取得するなど、html要素を削除したり、html要素の属性を操作したり、スタイルを変更したりするインタフェースを定義しています.
    DOMの概念とサブノードのタイプ
    基本概念
    何がDOMですか
    DOM:Dockment Object Modelドキュメントオブジェクトモデル
    文書:htmlページ
    文書オブジェクト:htmlページの要素
    ドキュメントオブジェクトモデル:DOMはJavaScript操作ページのインターフェイスです.本質的には、ウェブページとスクリプトまたはプログラミング言語を接続しています.
    Dcument.getElemenntById document.getElements ByTagName
    すべてDOMが提供するウェブページの要素を獲得する方法です.
    ノード
    DOMの最小構成単位をノードといいます.ドキュメントのツリー構造(DOMツリー)は、様々な種類のノードから構成されています.各ノードは、文書ツリーの一枚の葉と見なすことができる.
    ノードのタイプは7種類あります.
  • Dcument:文書ツリー全体のトップノード
  • DcumentType:doctypeタグ(例えば）
    • )
  • Element:ウェブページの各種HTMLタグ(例えば、など)
  • Attribute： （ class="right")
  • Text:ラベル またはラベルに まれるテキスト
  • Commment:コメント
  • DcumentFragment: のセグメント

    • ， 。

    ， ， 。 DOM。

    document ， 。 HTML ， ， （root node）， HTML 。

    ， 。

    • （parentNode）：
    • （childNodes）：
    • （sibling）：

    DOM ， 。 ， firstChild（ ） lastChild（ ） ， nextSibling（ ） previousSibling（ ） 。

    Node ， Node 。 。

    。

    Node.nodeName，Node.nodeType

    nodeName ，nodeType 。 ， 。

    nodeName nodeType
    ELEMENT_NODE HTML 1
    ATTRIBUTE_NODE Attr.name 2
    TEXT_NODE #text 3
    COMMENT_NODE #comment 8
    DOCUMENT_NODE #document 9
    DOCUMENT_FRAGMENT_NODE #document-fragment 11
    DOCUMENT_TYPE_NODE DocumentType.name 10

    document ， nodeName #document，nodeType 9。

    document.nodeName // "#document"
document.nodeType // 9

    ノードで、そのnodeNameはPで、nodeTypeは1です.テキストノードのnodeNameは𞃳textで、nodeTypeは3です.
    に、ノードのタイプをnodeType で するのが です.

    document.getElementsByTagName('a').nodeType === 1
// true

document.getElementsByTagName('a').nodeType === Node.ELEMENT_NODE
// true
    Mixinモード