0

最初の開示: この特定のページで多くのスクリプトを実行しています。

ページの読み込み時にテキストの div があり、リンクのクリックに基づいて、このテキストに切り替えられる特定のリンクがあります。ページがロードされたら、リンクだけを特定の色にしたい。

これまでのところ、ページロード時に表示されているテキストについて私が持っているものは次のとおりです。

<script>
     window.onload=function showDiv() {
     document.getElementById('d1').style.display = "block";
      }
     </script>

ここで、ページの読み込み時にリンクを特定の色にする必要がありますが、別のリンクがクリックされたときにその色を CSS の既定値に戻すことができる必要があります。

<a href="javascript:unhide('d1');" onClick="changeLinkColor(this)">Innovative Design Methodology</a>

私が言ったように、私がこのページで実行している他のスクリプトがあるので、リンクに表示されます。

楽しみのために、これが私の他のコードです（テキストの切り替えとコードの強調表示）：

<script type="text/javascript">
var currentItem;
function unhide(divID) {
    if (currentItem) {
        currentItem.className = 'hidden';
        currentItem = null;
    }
    var item = document.getElementById(divID);
    if (item) {
        item.className = 'unhidden';
        currentItem = item;
    }
}
</script>

<script type="text/javascript">
        var currentLink = null;
        function changeLinkColor(link){
            if(currentLink!=null){
                currentLink.style.color = link.style.color; 
            }
            link.style.color = '#f5b331';
            currentLink = link;
        }
   </script>
4

1 に答える 1

1

最初にアンカー タグに css クラスを追加し (これにはカスタム スタイルが設定されています)、いずれかのリンクをクリックすると削除できます。

あなたのHTML

<a id="link1" class='CustomColor'></a>

そしてあなたのCSS

.CustomColor
{
    color:red;
}

そして、任意のリンクをクリックすると、

document.getElementById("link1").className =
document.getElementById("link1").className.replace('CustomColor','');
于 2013-03-29T16:30:10.400 に答える