Q&A
過去質問にもありますので、探してください。
document.getElementByIdについて
今更なのですが、
javascriptで、IDでの要素の取得はdocument.getElementByIdだと思い込んでいましたが、変数宣言もなくそのままIDだけで取得できるのですが、なぜですか？どういうことなのでしょうか？そういうものでしたでしょうか？
該当のソースコード
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head></head> 4<body> 5<div id="contents">コンテンツ</div> 6<script> 7const _contents = document.getElementById('contents'); 8console.log(_contents); 9console.log(contents); 10</script> 11</body> 12</html> 13
結果
IE11ではエラーになるのですが、
chromeやEdgeではどちらも<div id="contents">コンテンツ</div>を返してくれます。
回答1件
0
自己解決
過去記事（116477）より解決（フワ―と理解）いたしました。
https://teratail.com/questions/116477
■「きちんとgetElementByIdないしquerySelectorを利用してアクセスしてください」ということで理解させていただきました。
投稿2020/07/03 08:22
編集2020/07/06 04:29
総合スコア4
「どのように探して見つけたか」また「その記事URL」も追記しておくと、「探しかた」という観点でもあとから見る人の役に立つと思います。
質問も回答も何度でも編集できますので、お手すきのときにでも追記しておいてください
あと、補足ですが、
「querySelector」のほうが柔軟性が高いので、そちらも使えるようになっておくと便利です。
実装はなるべく統一しておいた方が良いでしょうしね。私はあまりidの名称変数直アクセスはしないです。
実装が紛らわしくなります。
@Waruo さん
> グローバル変数(windowオブジェクトの疑似プロパティ)
その回答に「疑似プロパティ」と書いてあったのでしょうか。
「疑似」が分からないですね。
> が、使用してくださいとのことらしいです。
何を「使用してください」なのかが不明です。
みなさんありがとうございます。
疑似プロパティに関してはなんとなーくthis的な感じ？で解釈しながら過去記事（116477）を読ませていただきました。
あなたの回答
tips
プレビュー
