この記事で分かること
document.linkColorの役割document.alinkColorの役割document.vlinkColorの役割- リンク状態ごとの色変更の仕組み
- 指定できる色形式（色名・16進数・RGB）
- 現代的な代替方法（CSSでのリンク色変更）
document.linkColor、document.alinkColor、document.vlinkColor は、
HTML ページ内のリンク文字色を取得・変更するためのプロパティです。
現在ではあまり使われませんが、JavaScript の基礎を理解するうえで知っておくと役立ちます。
リンク色を変更する3つのプロパティ
これらのプロパティは、リンクの状態に応じて文字色を参照・設定できます。
linkColor：未訪問リンクの文字色alinkColor：リンクをクリックした瞬間の文字色（Active Link）vlinkColor：訪問済みリンクの文字色（Visited Link）
色の指定は次の形式が利用できます：
- 色名（例：
"green"、"blue"） - 16進数カラーコード（例：
"#ff0000"） - RGB値（例：
"rgb(0,128,255)"）※一部ブラウザでは非対応
使用例
例1：未訪問リンクの色を取得する
color = document.linkColor;
→ 未訪問リンクの文字色が変数 color に代入されます。
例2：クリック時のリンク色を変更する
document.alinkColor = "green";
→ リンクをクリックした瞬間の文字色がグリーンになります。
例3：訪問済みリンクの色を表示する
document.write("訪問済みリンクの色は " + document.vlinkColor + " です。");
→ 訪問済みリンクの文字色が書き出されます。
現代では非推奨のプロパティ
これらのプロパティは古い仕様で、現在の Web 開発ではほとんど使用されません。
代わりに、CSS を使ってリンク色を変更するのが一般的です。
a:link { color: blue; }
a:visited { color: purple; }
a:active { color: green; }
→ この方法の方が推奨され、ブラウザ互換性も高いです。
JavaScript 初心者におすすめの学習書籍
書籍で学ぶのが向いている人
- 紙の本で体系的に学びたい
- ネット記事だけだと情報が断片的に感じる
- 基本文法を順序立てて理解したい
linkColor / alinkColor / vlinkColor はレガシーなプロパティですが、
書籍では JavaScript の基礎を体系的に順序立てて学べるため、理解が深まりやすいです。
いちばんやさしい JavaScript の教本
写真や図が多く、手を動かしながら学べる初心者向けの入門書です。
この本で解決できること：
- JavaScript の基礎文法を視覚的に理解できる
- DOM や
documentの基本操作を学べる - サンプルを動かしながら学べるため挫折しにくい
確かな力が身につく JavaScript「超」入門
JavaScript の基礎を体系的に学びたい方に向いている入門書です。
この本で解決できること：
- JavaScript の動作原理を体系的に理解できる
- 実務で使えるレベルの基礎力を身につけられる
- 現代的な JavaScript の書き方が理解できる
動画で理解を深めたい方へ（Udemy講座）
linkColor / alinkColor / vlinkColor の動きを動画で見ると、理解が一気に深まります。
Udemy では初心者向けに丁寧に解説された講座が多数あります。
初心者のためのJavaScript 完全入門
JavaScript の基礎を体系的に学べる人気講座です。
この講座で解決できること：
- リンク色の変化を視覚的に理解できる
- DOM や
documentの基本操作を学べる - 初心者がつまずきやすいポイントを丁寧に解説
→ 初心者のためのJavaScript 完全入門（Udemy）
超JavaScript 完全ガイド 2026
JavaScript の基礎〜応用を幅広く学べる講座です。
この講座で解決できること：
documentの基礎〜応用を体系的に理解- 現代的なコードの書き方が身につく
- 実務で必要な知識をまとめて習得
体系的に学びたい方へ（スクールという選択肢）
独学の限界を感じやすいポイント
- レガシー仕様と現代的な書き方の違いで混乱しやすい
documentの役割が曖昧なまま進んでしまう- コードの意図が理解できない
- 学習の順番に自信が持てない
linkColor / alinkColor / vlinkColor のような古い仕様を理解しておくと、
CSS によるリンク色変更との違いがより明確になります。
つまずきやすい部分を質問できる環境があると理解が深まります。
無料相談で得られるメリット
- あなたのレベルに合わせた学習計画を作成
- 独学でつまずきやすい部分を事前に把握
- 学習方法の改善点をプロがアドバイス
- エンジニア転職を視野に入れたキャリア相談も可能
JavaScript を効率よく学びたい方には、未経験からエンジニアを目指せる
DMM WEBCAMP の学習コースも選択肢のひとつです。
linkColor / alinkColor / vlinkColor に関するよくある質問（FAQ）
これらのプロパティは今でも使われる？
いいえ。レガシー仕様であり、現在は CSS を使う方法が推奨されています。
色はどんな形式で指定できる？
色名・16進数カラーコード・一部ブラウザでは RGB 形式も使用できます。
クリック時の色（alinkColor）はいつ反映される？
リンクをクリックした「瞬間」にだけ適用される色です。
現代的にリンク色を変えるには？
CSS の a:link、a:visited、a:active を使う方法が推奨されます。
まとめ
linkColor：未訪問リンクの文字色alinkColor：クリック時の文字色vlinkColor：訪問済みリンクの文字色- 色は色名・16進数カラーコードなどで指定可能
- 現代では CSS によるリンク色変更が推奨される
