javascriptの記述

Question

Javascriptでいちいち変数に入れる
で

    var button = document.getElementById('button'); 

を消しても

    button.onclick = function(){ 
      toggle();
    };

が反応するのは何故なんでしょう？
元々の仕様？
よくあるHTMLタグのミスのブラウザによる自動補完とか？
console.logにｴﾗｰも何も出ない
AMAZING!

Comments

[m.ts10806]

消しても、とは？ソースコード全体載せられた方が良いかと。これだけだと変数未定義のエラー出ますよ。

[Dot]

var button = document.getElementById('button'); 消してもconsole.logにｴﾗｰは立ちませんでしたよ

[m.ts10806]

回答見て分かりました。参照先質問があるとはいえ、htmlも提示された方がいいですね。

[Dot]

すいません　次回からそうします

Answer 1

see this
https://teratail.com/questions/116477

---

HTML読み込み時にHTMLコードをDOMツリーに展開する際にWEBブラウザがid付きのノードについてはグローバル変数からアクセス可能としています.

なので,

<input id="text"/>

とあればスクリプトからは

text.onchange = function(e){};

と言ったようにあたかも変数textが定義済みであるかのように扱えます.

但しこの動作は標準的なものとは言えない(条件によってはうまく行かないことがある)ため, document.getElementByIdを使って能動的にノードを抽出したほうが確実です.

Comments

[Dot]

なるほど！
ありがとうございます！

[defghi1977]

それにしてもteratailの質問検索性の低さは何とかならんものか

[Dot]

希望する検索結果にたどり着くのが難しいからじゃないかな
「javascript button id」とかで google検索したりしていました

[defghi1977]

この質問teratailでも頻出でして, これまでも定期的に回答しているのですが, その都度前回の回答内容を探すのに手間取って,,,

[Dot]

そういう所ですし
またかよ！で放置で良いんじゃないでしょうか？

[退会済みユーザー]

> defghi1977 さん
以前、検索性を高める方法に関して質問したことがあります。
「teratail の過去遺産をもっと活用したい」
https://teratail.com/questions/92505
みなさんいろいろ工夫をされているようです。

回答作るときの参考まで＾＾

[defghi1977]

システムの役割上どうしてもstackoverflowと比較したくなってしまって…ねぇ？

[退会済みユーザー]

stackoverflow だとそんなところにも工夫があるんですね。
使ったことがないので知りませんでした。