Question

当用户点击HTML链接时，有没有办法（可能使用Javascript？）更改CSS元素详细信息？

我的目标是将一系列定义为灰色的链接变灰：

<a href="#" title="MyLink"><span>Link</span></a>

和一个定义为：

的类

.Document
{
    background:#000;
}

我所追求的是，当用户点击MyLink时，我希望Document类将其背景更改为其他内容....说#CCC。我还希望它在选择另一个链接时恢复到其原始状态，例如MyLink2。

这甚至可能吗？如果有的话，是否有人知道在哪里寻找至少解决方案的开头？

Answer 1

的jQuery！ - http://jquery.com/

$("your-selector").click(function(){
    $("your-destination").css("border-color","#CCC");
});

申请每个链接，它应该这样做！

Answer 2

<a href="#" title="MyLink" onclick='document.body.style.background="#CCC";'>Link</a>

Answer 3

您可以使用:focus CSS伪选择器：

a:focus {
  background-color: #ccc;
}

现在，当用户点击链接时，背景将变为灰色。

Answer 4

我假设.Document类名适用于许多其他元素＆amp;不是链接本身。

在这种情况下，最佳做法是创建另一个类名（例如，.document-active），并在单击MyLink时更改.Document应用于的所有元素上的类名。

使用上面的标记（和jQuery）：

$(function(){
  $("a[title='MyLink']").click(function(){
    $('.Document').removeClass('Document').addClass('document-active');
    return false;
  });
});

选择导致CSS元素改变颜色的HTML链接？

4 个答案: