同一页面下超连接显示问题

我现在有一个页面a其中有４个超连接，目标地址都是a，现在希望点过以后的连接显示跟其他的连接不同，当再点另一个连接后其他的样子一致，刚点过的特殊，也就是说有１，２，３，４这四个连接，点１，连接到a，此时１的显示情况跟２，３，４不同，而点２，后１，３，４显示的相同．

解决方案 »

  1.   

    <script>
    var currentA = null;
        window.onload = function(){
            var a = document.getElementsByTagName('a');
            for ( var i = 0; i < a.length; i++ ) {
                a[i].onclick = function() {
                 if (currentA != null)
                 {
                 currentA.parentNode.style.backgroundColor = 'white';
                 }
                 currentA = this;
                    this.parentNode.style.backgroundColor = 'blue';
                };
            }
        };
        </script>
    </head>
    <body>
      <div><a href="#">xxxx</a></div>
      <div><a href="#">xxxx</a></div>
      <div><a href="#">xxxx</a></div>
      <div><a href="#">xxxx</a></div>
    </body>
    </html>