By

Contents

HTML 元素原则上应该保持唯一，但没有硬性要求。

存在多个相同的 id 元素时，CSS 对所有元素都生效。

1
2
3
4
5
6
7
8
9
10
11
<style>
    #myId {
        color:red;
    }
</style>
<div id="myId">
    div1
</div>
<div id="myId">
    div2
</div>

然而，JavaScript 和 jQuery 都只获取多个相同的 id 元素的第一个元素。

1
document.getElementById("myId").innerHTML //div1
1
$("#myId").html() //div1
Contents