ブラウズ[JSSInfo]DOM


DOMでは、要素と要素の内容に対して任意の操作を実行できます.
操作するDOMオブジェクトにアクセスするには、前の手順が必要です.
すべての演算はdocumentから始まります.
documentを関所だと考えればいいレベルを使用すると、任意のノードにアクセスできます.

ツリー上部のDocumentElementとBody


DOMツリーの上部にあるノードは、ドキュメントで提供されるPropertyを使用してアクセスできます.<html> = document.documentElement:<html>にマークされたドキュメント.documentElement.<body> = document.body:<body>はDOMノードの共通ノードの1つである.

注意事項

<script></script>コード終了前(ロード中...)document.body以下のタグが読み込まれた場合nullが出力されます.

childNodes、firstChild、lastChildを使用してサブノードをナビゲートする


  • サブノード(child node,children)は、次のサブ要素を表す.
    サブノードは、[梁なし](No Beam)モードの真下にネストされた関係を作成します.<head>, <body>は、<html>要素のサブノードである.

  • 子孫ノード(hypersons)は、オーバーラップ関係のすべての要素を表します.
    サブノード、サブノードのすべてのサブノードなどがサブノードになります.
  • DOMコレクション


    childNodesは配列に似たオブジェクトです.
    だからfor...ofを使用できます.
    for(let node of document.body.childNodes){
    	console.log(node) // 컬렉션 내 모든 노드를 보여줍니다.
    }
    配列メソッドは配列ではないため、配列メソッドを書き込めません.(for...in反復文は使用できません.)
    DOMコレクションは読み取りのみ可能です.ナビゲーション用のプロファイルは読み取り専用です.

    難しいのでもう一度見ます