-2

ちょっとしたことをするのに助けが必要です...

「 A」タグの 2 つのグループがあります。1 つ目は「 me」 ID で、2 つ目は「they」 ID です。「me」または「them」グループのいずれかをクリックすると、クリックしたオブジェクトの背景が変わります。

<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 オブジェクトとは無関係に最後にクリックしたAを復元したりすることはできません...

どうすればいいですか？

4

1 に答える 1

0

特定の 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>
于 2012-11-22T17:17:23.270 に答える