document.cookie は、ドキュメントの cookie にアクセスする JavaScript 関数です。

JavaScript の document.cookie は、ブラウザの Cookie の読み書きを行うプロパティです。

ドキュメントのcookieを通して、現在表示されている全てのcookie情報を、文字列の形で取得できます。各cookieはキーと値のペアの形で存在し、複数のcookieはセミコロンとスペースで区切られています。

例えば、次のようにクッキー情報を取得して出力できます。

console.log(document.cookie);

出力が似ている可能性があります。

name=John; age=25; gender=male

このページには、name、age、genderの3つのCookieを参照できます。

Cookieの取得に加え、document.cookieを介して新しいCookieの設定や既存Cookieの変更が可能です。例えば、新しいCookieは以下のように設定できます。

document.cookie = "username=John";

こうして，usernameという名前でJohnという値を持つクッキーが作成された。

document.cookieプロパティで設定されるcookieは上書き方式となっており、同名のcookieが設定済みの場合、以前の設定値を上書きします。また、document.cookieプロパティで設定したcookieのドメインやパスなどの属性は、デフォルトでは現在のページのドメインやパスを継承します。

簡単に言えば、document.cookie はブラウザの Cookie 情報を読み取り、設定、変更するための機能だよ。