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','');