2024年1月9日解決済み

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

ユーザー
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

スタッフ

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

プレミアムプランとは?