【JavaScript】documentオブジェクト(cookie, parentWindow, expando, embeds, getSelection, selection, createStyleSheet, showHelp, handleEvent, releaseEvents, routeEvent)
このページでは、JavaScriptのdocumentオブジェクトに関する特定のプロパティやメソッドについて、詳しく解説します。
目次
- document.cookie
- document.parentWindow
- document.expando
- document.embeds
- document.getSelection()
- document.selection
- document.createStyleSheet()
- document.showHelp()
- document.handleEvent()
- document.releaseEvents()
- document.routeEvent()
document.cookie
クッキー(cookie)の取得・設定に使用されます。
使用例
document.cookie = "username=Hayato; expires=Fri, 31 Dec 2025 12:00:00 UTC; path=/"; console.log(document.cookie); // "username=Hayato"
document.parentWindow
`document.parentWindow`は、ドキュメントが属するウィンドウオブジェクトへの参照を返します。ただし、現在ではほとんど使用されません。
使用例
let parentWindow = document.parentWindow; console.log(parentWindow); // ウィンドウオブジェクトを表示
document.expando
`document.expando`は、任意のカスタムプロパティを設定できる非標準のプロパティです。現在では非推奨です。
使用例
document.expando = "カスタムデータ"; console.log(document.expando); // "カスタムデータ"
document.embeds
ドキュメント内の埋め込み要素(<embed>)のコレクションを返します。
使用例
let embeds = document.embeds; console.log(embeds.length); // ドキュメント内のembed要素の数
document.getSelection()
現在選択されているテキストを取得します。
使用例
let selection = document.getSelection(); console.log(selection.toString()); // 選択されたテキスト
document.selection
Internet Explorer専用のプロパティで、現在選択されている内容を操作します。最新ブラウザでは非推奨です。
使用例
let range = document.selection.createRange(); console.log(range.text); // 選択されたテキスト
document.createStyleSheet()
スタイルシートをプログラムで作成します。ただし、Internet Explorer専用の機能です。
使用例
let styleSheet = document.createStyleSheet(); styleSheet.addRule("body", "background-color: yellow;");
document.showHelp()
指定されたヘルプファイルを表示します。この機能はInternet Explorerでのみ利用可能です。
使用例
document.showHelp("helpfile.chm");
document.handleEvent()
指定したイベントを処理します。現在ではあまり使用されません。
使用例
let event = new Event('click'); document.handleEvent(event);
document.releaseEvents()
指定したイベントの処理を停止します。
使用例
document.releaseEvents(Event.MOUSEMOVE);
document.routeEvent()
イベントをルートに送信します。このメソッドは古いブラウザでの互換性のために使用されます。
使用例
document.routeEvent(new Event('click'));