Javascript样式链接

Javascript Styling Link

本文关键字：链接 样式 Javascript      更新时间：2023-09-26

首先说明:我在这个特定的页面上运行了很多脚本。

我有一个文本的div，我有页面加载，现在有一个特定的链接，这是切换到这个文本，基于点击链接。当页面被加载时，我只希望链接是一个特定的颜色。

这是我到目前为止对文本的处理……显示在pagload:

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

你可以在锚标记上添加一个css类(它有你自定义的样式)，然后在点击任何链接时删除它。

你的HTML 
<a id="link1" class='CustomColor'></a>

和CSS

.CustomColor
{
    color:red;
}

和点击任何链接，

document.getElementById("link1").className =
document.getElementById("link1").className.replace('CustomColor','');
相关文章：