見出し画像

【JavaScript】getElementByIdのIDが複数ある場合

関野泰宏

getElementByIdのIDが複数ある場合

同じIDが同じドキュメント内に重複してしまった場合は、初回に合致した要素しか取得できません。

サンプルプログラム

<html>
<head>
	<meta charset="utf-8">
</head>
<body>
  <p id="myid">こんにちは！</p>
  <p id="myid">こんばんは！</p>
   
  <script>
     console.log(document.getElementById("myid"));
  </script>
</body>
</html>

実行結果

<p id="myid">こんにちは！</p>

2つのpタグが存在して、2つとも同じID、myidを保有しています。

getElementByIdがmyidをID名とする要素を探し出すと、一番目にマッチした要素のみ戻り値として返します。

そもそもIDは、一つのHTMLに固有のものなので重複しないように

プログラムダウンロード


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

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

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