Question

我需要使用 .onclick 方法在单击时更改链接的颜色，但问题是当我单击另一个链接时，第一个链接颜色不会恢复为原始颜色，所以有什么建议吗？

Answer 1

我也相信 CSS 解决方案更好，但如果你真的想要一个 onClick 方法，你可以尝试以下方法：

const one = document.getElementById("one");
const two = document.getElementById("two");

function updateOne() {
  reset();
  one.style.color = "red";
}

function updateTwo() {
  reset();
  two.style.color = "red"
 }
 
function reset() {
  one.style.color = "blue";
  two.style.color = "blue";
}

<html>
<body>
<a href="#" onClick="updateOne()" id="one">Link One</a>
<br>
<a href="#" onClick="updateTwo()" id="two">Link Two</a>
</body>
</html>

单击链接时更改背景颜色

1 个答案: