Javascript（JS）是一種用于網站開發的編程語言，是客戶端腳本語言中最為流行的一種。在JS中，每個HTML元素都可以被認為是頁面中的一個對象。使用JS的getElementById()函數可以通過HTML元素的ID獲取頁面上的元素，并對其進行操作。然而，當HTML頁面中存在相同ID的元素時，該函數將返回第一個匹配的元素。那么，當存在相同ID的元素時，我們該如何獲取其值呢？ 如在一個頁面中存在兩個ID相同的

元素：

<p id="example">Example 1</p>
<p id="example">Example 2</p>

想要獲取它們的值，我們可以使用getElementById()函數，但它只會返回第一個匹配的元素：

<script>
var text = document.getElementById("example").innerHTML;
alert(text);
</script>

以上代碼將返回"Example 1"，因為它是第一個擁有該ID的元素。如果我們想要獲取第二個

元素的值，我們必須使用其他的方法。 解決方法之一是為每個ID相同的元素設置唯一的ID。例如：

<p id="example1">Example 1</p>
<p id="example2">Example 2</p>

現在，我們可以根據元素的唯一ID獲取其值：

<script>
var text1 = document.getElementById("example1").innerHTML;
var text2 = document.getElementById("example2").innerHTML;
alert(text1);
alert(text2);
</script>

這將返回"Example 1"和"Example 2"。 另一種解決方法是使用class而非ID來標識元素。相比ID，class可以被多次使用。例如：

<p class="example">Example 1</p>
<p class="example">Example 2</p>

現在，我們可以使用getElementsByClassName()函數來獲取多個元素的值：

<script>
var elements = document.getElementsByClassName("example");
for (var i = 0; i < elements.length; i++) {
var text = elements[i].innerHTML;
alert(text);
}
</script>

這將返回"Example 1"和"Example 2"。需要注意的是，getElementsByClassName()函數返回的是一個數組，因此我們需要在代碼中使用循環來獲取每個元素的值。 以上兩種方法都可以解決ID相同元素值獲取的問題。在實際開發中，我們應該根據實際情況選擇使用哪一種方法。如果需要對每個元素進行不同的操作，建議使用不同的ID；如果需要對多個元素進行相同的操作，建議使用class。 總而言之，在使用JS時，我們需要注意ID相同元素的值的獲取問題，適當使用唯一的ID或class。這將有助于提高代碼的可讀性和維護性。