コンソールで出力テストを実行すると、それらの関係を明確に知ることができます:
h2 は Dom オブジェクトです、
style は h2 の属性であり、h2.style もオブジェクトです
そして色はスタイルの下の属性です
h2.style.colorが必要なので、h2.style['color']も使用できます
補足:出力方法 ブラウザを開いてF12を押し、ブラウザデバッグツールを呼び出します。
たとえば、左手の親指の爪はオブジェクト属性 你.左手.大拇指.指甲 で表されます。
你.左手.大拇指.指甲
ただ大拇指.指甲と言ったら、どれがどれなのか誰にも分かりません。それがあなたのものだとは誰にも分かりません...
大拇指.指甲
したがって、属性を見つけるには、既知のオブジェクト (オブジェクト参照) から開始して下方向に検索する必要があります。
ちなみに、ここで言う参照とは、代名詞「あなた」「私」「彼」、あるいは「ジョン」という名前のようなもので、もちろんプログラム内では変数と呼ばれることが一般的です。
サブオブジェクトとは何ですか?
任意の タイプにすることができます。したがって、オブジェクトのプロパティもオブジェクトになる可能性があります。
スタイルは要素の属性であり、グローバル オブジェクトではありません。最初に要素オブジェクトを通じてスタイル属性を取得する必要があります。
コンソールで出力テストを実行すると、それらの関係を明確に知ることができます:
h2 は Dom オブジェクトです、
style は h2 の属性であり、h2.style もオブジェクトです
そして色はスタイルの下の属性です
h2.style.colorが必要なので、h2.style['color']も使用できます
補足:出力方法

ブラウザを開いてF12を押し、ブラウザデバッグツールを呼び出します。
たとえば、左手の親指の爪はオブジェクト属性
你.左手.大拇指.指甲
で表されます。ただ
大拇指.指甲
と言ったら、どれがどれなのか誰にも分かりません。それがあなたのものだとは誰にも分かりません...したがって、属性を見つけるには、既知のオブジェクト (オブジェクト参照) から開始して下方向に検索する必要があります。
ちなみに、ここで言う参照とは、代名詞「あなた」「私」「彼」、あるいは「ジョン」という名前のようなもので、もちろんプログラム内では変数と呼ばれることが一般的です。
サブオブジェクトとは何ですか?
属性とオブジェクトの間に競合はありません。任意の タイプにすることができます。したがって、オブジェクトのプロパティもオブジェクトになる可能性があります。
スタイルは要素の属性であり、グローバル オブジェクトではありません。最初に要素オブジェクトを通じてスタイル属性を取得する必要があります。