本記事では、JavaScriptを使ってid名で要素を取得する方法について解説しています。Amazon調べ)Amazonで探す楽天市場で探すYahoo!ショッピングで探すポチップ目次id名で要素を取得するHTMLタグに設定されているid名で要素を取得するには、「document.getElementById()」または「document.querySelector()」を使います。HTMLの仕様上、id名は基本的に重複することが禁止されているため1つの要素のみ取得します。使い方は以下のとおりです。id="sample2">サンプル2</p>document.getElementById()では()の中にid名を記述し、document.querySelector()では()の中にid名を記述するのですが、その前にidを意味する「#」を追加します。先ほど、「HTMLの仕様上、id名は基本的に重複することが禁止されているため1つの要素のみ取得します。」と言いましたが、使われていると知らずに同じid名を付けてしまう可能性があります。このような場合、一番初めに付けられている要素を取得します。下記のコードは同じid名が3つ存在した場合を想定したものです。id="sample">1番目の要素</p>コンソールログでどの要素を取得したか確認すると、一番初めの要素を取得しているのが確認できます。取得したいid名がHTML内に存在しない場合、nullが代入されます。null」が出力されますので、注意しましょう。"テキストを変更しました。'innerText')このように万が一nullが入ってもエラーが出力されないようにする方法もあります。"テキストを変更しました。id名が存在している場合にのみ処理を実行させることができます。まとめ今回はJavaScriptを使ってid名で要素を取得する方法について解説しました。重要なポイントをおさらいしておきましょう。AGENTは、国内最大級の転職支援実績を持つIT・Web業界に強い転職エージェントです。詳細をみるフリーランス案件紹介サイトMidworksは豊富な案件と「フリーランス」と「正社員」の、良いとこ取りをした働き方を実現する手厚い保障が特徴のエージェントです。月額980円で読み放題。