JavaScript 改变边框

Question

我的页面中有一些按钮，例如:

<a id="1" onclick="javascript:randje(1);"></a>
<a id="2" onclick="javascript:randje(2);"></a>

现在我尝试制作一个脚本来更改我单击的按钮的边框:

function randje(A) {
    document.getElementById(A).style.borderColor = "green";
}

这很好用。但我有一个可点击链接的小列表，有时是 2 个，有时是 5 个甚至更多。现在我想尝试更改我单击的按钮的边框，并将上次单击的边框设置回黑色。类似这样的东西，但这还没有起作用。谁能帮帮我吗？

function randje(A) {
    if ( B ) { document.getElementById(B).style.borderColor = "black" };
    document.getElementById(A).style.borderColor = "green";
    var B = A;
}

谢谢!

Answer 1

只需将声明移出函数即可。

var B;
function randje(A) {
    if(B){
      document.getElementById(B).style.borderColor  = "black"
    };
    document.getElementById(A).style.borderColor  = "green";
    B = A;
}

a {border-style: dotted;}

<a id="1" onclick="javascript:randje(1);">One</a>
<a id="2" onclick="javascript:randje(2);">Two</a>