javascript - JS id区分大小写

我正在一个包含两个元素的网站，这些元素具有相同的"id"（但大小写不同），即"freeshipping"与"freeShipping"。当我尝试在JS中选择freeShipping元素时，浏览器将返回freeshipping的内容。在我同事的计算机上，它工作正常。

有谁知道为什么在这种情况下它不区分大小写？我一直在网上寻找，我所能找到的就是抱怨别人说“使用同一案件”。但是，对于为什么区分大小写不起作用的问题，我没有任何答案。

<div id="freeshipping" style="display: none; padding: 15px;">
   Free Shipping on orders over $199!
</div>
<span id="freeShipping" class="stock">#freeShippingQualifierText#</span>

编辑：

$freeShipping = $('#freeShipping');
$freeShipping.text('Free Shipping!');

最佳答案

具有相同的ID只是在麻烦。但是，如果您确实必须这样做，请对上下文敏感。

$("div#freeshipping").text();
$("span#freeShipping").text();

假设浏览器接受了ID，应该可以使用。