1. ドキュメントのアクセス

Documentオブジェクトは、documentというグローバル変数として自動的に提供され、現在表示されているウェブページの内容を指し示します。

例

console.log(document);  // 現在のドキュメント情報を表示

2. 要素の取得

Documentオブジェクトには、ページ内のHTML要素を取得するためのメソッドがいくつか用意されています。例えば、getElementById()やgetElementsByClassName()、querySelector()などがあります。

例

let element = document.getElementById("myElement");

3. 新しい要素の作成

Documentオブジェクトを使って、新しいHTML要素を作成し、ページに追加することができます。createElement()を使って新しい要素を生成し、appendChild()を使ってその要素を追加できます。

例

let newDiv = document.createElement("div"); newDiv.textContent = "新しい要素"; document.body.appendChild(newDiv);

4. イベントの処理

Documentオブジェクトは、ページのさまざまなイベント（例えば、クリックやキーボード入力）を管理するためのイベントリスナーを設定することもできます。

例

document.addEventListener("click", function() { alert("ページがクリックされました"); });

Document.arguments

非推奨の静的プロパティです。現在のJavaScriptでは使用すべきではありません。

Document.caller

非推奨の静的プロパティです。現在のJavaScriptでは使用すべきではありません。

Document.length

Documentコンストラクタの引数の数を表します。常に0を返します。

Document.name

Documentコンストラクタの名前を表す文字列プロパティです。"Document"という値を持ちます。

Document.prototype

Documentオブジェクトのプロトタイプを参照します。全てのDocumentインスタンスはこのプロトタイプを継承します。

Document.parseHTMLUnsafe

HTML文字列をパースしてDOMノードを生成する非標準のメソッドです。セキュリティ上の理由から、一般的な使用は推奨されません。代わりにDOMParserの使用を推奨します。

例

// 非推奨の使用例
const node = Document.parseHTMLUnsafe("<div>test</div>");

// 推奨される代替方法
const parser = new DOMParser();
const doc = parser.parseFromString("<div>test</div>", "text/html");

Document.prototype.location

現在のドキュメントのURL情報を含むLocationオブジェクトを返します。このプロパティを通じて、ページのURLの取得や変更が可能です。

例

// 現在のURLを取得
console.log(document.location.href);

// 新しいページへ移動
document.location.href = "https://example.com";

Document.prototype.write

指定された文字列をドキュメントに書き込みます。ドキュメントの読み込み中に使用された場合は、その位置に文字列が挿入されます。ドキュメントの読み込み完了後に使用すると、既存のドキュメントの内容が消去されます。

例

document.write("<p>新しいコンテンツ</p>");

Document.prototype.writeln

write()メソッドと同様に動作しますが、書き込む文字列の末尾に改行文字（\n）を追加します。

例

document.writeln("<p>1行目</p>");
document.writeln("<p>2行目</p>");

これらのメソッドは、特にモダンなWeb開発では推奨されません。代わりにinnerHTMLやinsertAdjacentHTML()などの安全なDOM操作メソッドを使用することが推奨されます。