【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>
実行結果
2つのpタグが存在して、2つとも同じID、myidを保有しています。
getElementByIdがmyidをID名とする要素を探し出すと、一番目にマッチした要素のみ戻り値として返します。
そもそもIDは、一つのHTMLに固有のものなので重複しないように
プログラムダウンロード
もっとJavaScriptを学びたい人は!こちらの本がおすすめです
#JavaScript #JavaScript初心者 #JavaScript学習 #プログラミング #プログラミング学習 #プログラミング初心者
この記事が気に入ったらサポートをしてみませんか?