モダンjavascript入門14
1812 ワード
📌 ドキュメント管理
WebコンテンツはDocument
オブジェクトによって管理されます.
HTML
ドキュメント解析Document
オブジェクト形成DOM
ツリーというツリー構造DOM
ツリーを構成するオブジェクトの1つをノードと呼びます.Document
オブジェクトを指します.文書HTML
要素を指すオブジェクト空白ノード
エレメントの後ろに複数のスペース文字がある場合でも、HTMLは無視されます.
要素の前後に連続する空白文字が見つかった場合、DOMツリーはテキストとみなされ、テキストノードとして作成されます.
👉 ノードオブジェクトのプロパティ
このようなparentNode~previousSibling property DOMツリーに階層があればよい
これを背負おうとしないで、上に見たようにNodeListツリーがあります.
階層を正しく定義する意味を知りたければ、探してみてください.
HTML要素のツリー
HTML要素のツリーもそうです.
HTMLドキュメントの
body
要素オブジェクトを参照できます.document.children[0].children[1]
document.firstElementChild.lastElementChild
これで<body> ...<body>
結果が出ます.プライマリノードオブジェクト
👉 ノードオブジェクトのインポート
また、
class
または태그이름
をインポートすることもできます.こうやって持ってきたら.
NodeList
オブジェクトが返されます.NodeList
オブジェクトは、類似した配列のオブジェクトであり、読み取り専用である.残り.似たような形で入っていて、好奇心のあることは本を読むことができます.
重要なのは、ロードが
NodeList
オブジェクトを返すことです.NodeList
オブジェクトは、類似した配列のオブジェクトであり、読み取り専用である.Reference
この問題について(モダンjavascript入門14), 我々は、より多くの情報をここで見つけました https://velog.io/@ash3767/모던-자바스크립트-입문-14テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol