見出し画像

【JavaScript】getElementByIdの使い方

関野泰宏

getElementByIdとは？

getElementByIdが何か知っていますか?

getElementByIdは、任意のHTMLタグで指定したIDにマッチするドキュメント要素を取得するメソッドです。

引数としてIDであるStringオブジェクトを要し、戻り値は取得した要素です。

任意の要素を抽出し、その内容を変更したい場合など、様々な場合で活躍します。

基本的にIDはドキュメント内で重複してはならないので、getElementByIdによって取得される要素は一つです。

サンプルプログラム

<html>
<head>
	<meta charset="utf-8">
</head>
<body>
  <p id="myid">Hello world!</p>
  
  <script>
      console.log(document.getElementById("myid"));
  </script>
</body>
</html>

実行結果


<p id="myid">Hello world!</p>

pタグをIDで抽出してJavaScriptコンソールに表示します。

pタグのID名がmyidなので、getElementByIdの引数として設定されています。

プログラムダウンロード


もっとJavaScriptを学びたい人は！こちらの本がおすすめです

#JavaScript #JavaScript初心者 #JavaScript学習 #プログラミング #プログラミング学習 #プログラミング初心者

この記事が気に入ったらサポートをしてみませんか？