Javascript樣式鏈接

Question

第一次披露：我在這個特定頁面上運行了很多腳本。

我在頁面加載時有一段文本，現在有一個特定的鏈接被切換到這個文本，基於點擊鏈接。當頁面加載時，我只想讓鏈接成爲某種顏色。

以下是我對文字那麼遠，這是在頁面加載顯示：

<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> 

Answer 1

你可以在錨標記最初添加CSS類（其中有您的自定義樣式），並刪除它點擊在任何鏈接上。

你的HTML

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

而且你的CSS

.CustomColor 
{ 
    color:red; 
} 

而上的任何鏈接的點擊，

document.getElementById("link1").className = 
document.getElementById("link1").className.replace('CustomColor','');