HTML の DOM に指定した id って JavaScript のグローバル変数に格納されるって知ってた？

はじめに タイトルの通りなんですが, HTML の DOM に指定した id はすべて同じ変数名としてグローバル変数に格納されます. つまり id を好き勝手付けちゃうと知らぬ間にグローバル空間が汚染され, 予期せぬバグを起こしてしまう可能性があります. なので id の値は慎重に考えて付けましょうという. っという注意喚起もしたいんですが, 実は今回伝えたいのはそれではありません. メインはこの仕組みを逆手に取って活用することで手軽にツールを作ったりできますよーという紹介になります. この tips を活用して, ちょっとした Markdown Editor も作ってみたのでよかったら参考にしてください. 具体例 具体的な例は以下です. このように, 要素に id を指定していた場合はグローバルに変数として格納されているので document.getElementById を呼ばなくても

[ublftbo]

スコープ外のはずの変数に処理してもエラーが出なくておかしいなーと思って調べて知った

[n314]

かなり昔、知らずにやってたことがあったような。$はいいかも。

[dhrname]

グローバル変数じゃなくて、（with文でサンドボックス化された）windowオブジェクトのプロパティになるだけ。試しに、同じHTMLファイルを二つのタブで開くと、グローバル変数は共有されるけど、idは共有されない

[rasterson]

面白い。そんな使い方ができるんだ。

[tzt]

mjd!?

[xlc]

おそらくは後方互換性の名残。グローバル変数があればそちらが優先されるので通常問題はない。逆にグローバル変数でidを参照できない場合があるので、そういう使い方の方が誤りでは？

[toaruR]

変数を初期化しておけば大丈夫っぽい

[yarumato]

“document.getElementById を呼ばなくても参照できます.　この tips を活用して, ちょっとした Markdown Editor も作ってみた　avaScript ほぼ３行で markdown editor を実現しています.　実際の現場ではあまりおすすめしません.”

[programmablekinoko]

ほんまや

[lost_and_found]

へえ

[mysql8]

document.all必要なかった

[suika3417]

うほ、知らんかった

[kumicho24]

まじか

[hazeblog]

知らんかった