質問: 今までidをつけたTAGの取得は以下のようにやっていました。 ``` masao ``` しかし、querySelectorやgetElementByIdをしなくとも変数が作られていることを知りました。 ```
回答: 根拠となる仕様は下記 * DOM: element IDs are global variables Qiitaにも上記の仕様のリンクがある記事があります * HTML内でIDをつけた要素はJavaScriptのグローバル変数に格納される > > getElementByIdはどういった際に使う関数なのでしょうか? > > > そこはドキュメントを見た上で考えてもらえたらと。 * Document.getElementById() 「こうできる」からと「使わない」「意味がない」わけではないですね。 様々なアプローチの方法があっても不思議ではありません。 試してないですが、動的に生成した要素とかは必要なのかなと。 ただ、基本は後勝ちなので同じ変数名で別の情報を定義すればこのグローバル変数の考え方は採用できませんので、getElementById()を利用して別途取得する必要があります。 この仕様については「windowオブジェクトのプロパティ」ということもありますので、なるべく明示的に自身で制御した方がいいように思います。