【週刊ドットインストール】 考える力を養うための新クラス『データで学ぶアルゴリズム』を256timesでリリース!
次のように、定数「targetNode」を指定するべきところを間違えて「target」を指定してしまったのですが、同じように動作します。この「target」は一体何なのでしょうか?
document.querySelector('button').addEventListener('click', () => { const targetNode = document.getElementById('target'); // 間違えてtargetNodeではなくtargetを指定してしまった target.textContent = 'Changed!'; target.title = 'This is the title!'; target.style.color = 'red'; target.style.backgroundColor = 'skyblue'; // targetの中身を確認 console.dir(target); });
ブラウザーで実行すると、文字色が赤、背景色が水色に変更されるので、正しく動作しているように見えます。(そのため、自分の間違いに気づくのにしばらく時間がかかりました)
console.dir() を使ってこの定数「target」が何なのか確認したところ、定数「targetNode」と同じく、ID「target」を持っているH1要素でした。
この「target」はどこでも宣言されていないのにエラーにはなりません。どこかで暗黙的に宣言されているものなのでしょうか?
ドットインストールは、3分動画でマスターできるプログラミング学習サービスです。
3分で気軽に学習でき、スマートフォンからも視聴可能です。ホームページやWebサービスの制作を通して、実践的にプログラミングを学べます。
他にも、ゲーム制作やデータ分析・機械学習・AIに使われる言語まで幅広くカバー。学びたい分野のレッスンがきっと見つかります。
この回答を見るにはプレミアムプランへの登録が必要です
次のように、定数「targetNode」を指定するべきところを間違えて「target」を指定してしまったのですが、同じように動作します。この「target」は一体何なのでしょうか?
ブラウザーで実行すると、文字色が赤、背景色が水色に変更されるので、正しく動作しているように見えます。(そのため、自分の間違いに気づくのにしばらく時間がかかりました)
console.dir() を使ってこの定数「target」が何なのか確認したところ、定数「targetNode」と同じく、ID「target」を持っているH1要素でした。
この「target」はどこでも宣言されていないのにエラーにはなりません。どこかで暗黙的に宣言されているものなのでしょうか?