啓発DOM整理(2)
第二章。Documentノード
2-1. ドキュメントノードの概要
ダイアログを呼び出すdocumentは、DOCUMENT NODEオブジェクトであるHTML Documentによって生成される.
console.log(window.document.constructor); // HTMLDocument
console.log(window.document.nodeType); // 9. (DOCUMENT_NODE)
2-2. HTML Documentのプロパティとメソッド(継承を含む)
2-3. 一般的なHTMLドキュメント情報の取得
2-4. ドキュメントサブノード
cf) window.ドキュメントとDocumentオブジェクトを混同することはできません.window.documentはDOMインタフェースの起点であることを知るだけです.
2-5. ドキュメントは<!DOCTYPE>、<html lang="en"、<head>、<body>のショートカットを提供します。
cf) window.document:HTML Document(DOCUMENT NODE)から作成
doctypeはDcoumentType(DOCUMENT TYPE NODE)によって
2-6. document.implementation.hasFeature()を使用してDOM仕様/機能を検出
たとえば、ブラウザは、Core DOM Level 3仕様が実装されているかどうかを決定するために、メソッドに機能名とバージョンを渡します.
console.log(document.implementation.hasFeature('Core','3.0'))
2-7. ドキュメント内のフォーカスまたはアクティブなノードへの参照の取得
document.ActiveElementを使用すると、ドキュメント内のフォーカスまたはアクティブなノードへの参照をすぐに取得できます.
ページをロードするときに、ドキュメントのフォーカスを<textarea>ノードに設定し、activeElementプロパティを使用してノードへの参照を取得できます.
<textarea></textarea>;
document.querySelector("textarea").focus();
// 지금 포커스를 받는 노드는 ? <textarea>
console.log(document.activeElement);
2-8. ドキュメントまたはドキュメント内の特定のノードにフォーカスがあるかどうかを確認します。
index.htmlをリフレッシュし、他のウィンドウをクリックしてfalseに戻ります.
setTimeout(function () {
console.log(document.hasFocus())
}, 1000)
2-9. document.defaultViewは、トップ/グローバルオブジェクトへのショートカットです。
document.defaultView(); // window
2-10. ElementのownerDocumentを使用してDocumentへの参照を取得
Reference
この問題について(啓発DOM整理(2)), 我々は、より多くの情報をここで見つけました https://velog.io/@tunakim/DOM을-깨우치다-정리-2テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol