document.querySelector('p').style...の構造について詳しく教えてください

順を追って説明していきます。
2024年1月6日
ユーザー
document.querySelector('p').style.fontSize = '24px';

上記コードの構造について質問があります。

document.querySelector('p')Document オブジェクトの querySelector() メソッドで p 要素を取得して Element オブジェクトとして返ってくる?ところまでは理解できました。

ですが、その後の style プロパティは Element オブジェクトで定義されていない(子の HTMLElement オブジェクトで style プロパティが定義されている)のになぜこのコードでエラーが起きないのか教えていただけますでしょうか。

参考サイト
https://developer.mozilla.org/ja/docs/Web/API/Document/querySelector
https://developer.mozilla.org/ja/docs/Web/API/HTMLElement/style
https://developer.mozilla.org/ja/docs/Web/API/Element

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(1)