【週刊ドットインストール】 考える力を養うための新クラス『データで学ぶアルゴリズム』を256timesでリリース!
document.querySelector('p').style.fontSize = '24px';
上記コードの構造について質問があります。
document.querySelector('p') で Document オブジェクトの querySelector() メソッドで p 要素を取得して Element オブジェクトとして返ってくる?ところまでは理解できました。
document.querySelector('p')
Document
querySelector()
p
ですが、その後の style プロパティは Element オブジェクトで定義されていない(子の HTMLElement オブジェクトで style プロパティが定義されている)のになぜこのコードでエラーが起きないのか教えていただけますでしょうか。
Element
HTMLElement
参考サイト 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
ドットインストールは、3分動画でマスターできるプログラミング学習サービスです。
3分で気軽に学習でき、スマートフォンからも視聴可能です。ホームページやWebサービスの制作を通して、実践的にプログラミングを学べます。
他にも、ゲーム制作やデータ分析・機械学習・AIに使われる言語まで幅広くカバー。学びたい分野のレッスンがきっと見つかります。
この回答を見るにはプレミアムプランへの登録が必要です
上記コードの構造について質問があります。
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