ブラウズ[JSSInfo]DOM
DOMでは、要素と要素の内容に対して任意の操作を実行できます.
操作するDOMオブジェクトにアクセスするには、前の手順が必要です.
すべての演算はdocumentから始まります.
documentを関所だと考えればいいレベルを使用すると、任意のノードにアクセスできます.
DOMツリーの上部にあるノードは、ドキュメントで提供されるPropertyを使用してアクセスできます.
サブノード(child node,children)は、次のサブ要素を表す.
サブノードは、[梁なし](No Beam)モードの真下にネストされた関係を作成します.
子孫ノード(hypersons)は、オーバーラップ関係のすべての要素を表します.
サブノード、サブノードのすべてのサブノードなどがサブノードになります.
childNodesは配列に似たオブジェクトです.
だからfor...ofを使用できます.
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コレクションは読み取りのみ可能です.ナビゲーション用のプロファイルは読み取り専用です.
難しいのでもう一度見ます
Reference
この問題について(ブラウズ[JSSInfo]DOM), 我々は、より多くの情報をここで見つけました https://velog.io/@cptkuk91/JSInfo24テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol