由單獨的ID組

Question

我需要一些幫助，做一些事情變化的背景...

我有兩個羣體的「一個」標籤，先用「我」 ID和第二位「them」ID。當我點擊的「我」或一個「他們」組，點擊的對象變化的背景：

<a id="me" onclick="me();">text</a> 
<a id="me" onclick="me();">text</a> 
<a id="me" onclick="me();">text</a> 

<a id="them" onclick="them();">text</a> 
<a id="them" onclick="them();">text</a> 
<a id="them" onclick="them();">text</a> 
<script> 
    function me(){ 
     document.getElementById('me').style.backgroundColor='#000000'; 
    } 
    function them(){ 
     document.getElementById('them').style.backgroundColor='#000000'; 
    } 
</script> 

我不能夠改變點擊一個的背景和恢復最後點擊A獨立ID對象...

我該怎麼辦？

Answer 1

您不能有多個具有給定ID的元素。

就你而言，你應該使用一個類。例如：

<a class="me" onclick="similar();">text</a> 
<a class="me" onclick="similar();">text</a> 
<a class="me" onclick="similar();">text</a> 
<a class="them" onclick="similar();">text</a> 
<a class="them" onclick="similar();">text</a> 
<a class="them" onclick="similar();">text</a> 
<script> 
    function similar(){ 
    var elems = document.getElementsByClassName(this.className); 
    for (var i=0; i<elems.length; i++) elems[i].style.backgroundColor='#000000'; 
    } 
</script>