Question

首先披露：我在这个特定页面上运行了很多脚本。

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

以下是我到目前为止的文本内容...显示在pageload上：

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

Javascript样式链接

1 个答案: