使用JavaScript使HTML按钮显示为按下状态？

如何使HTML按钮看起来像是通过JavaScript按下的

我有一个按钮，按下时发送网络信息，释放时发送另一条网络信息

此特定的命名按钮可能在一个页面或多个设备上显示多次。因此，如果按下任何一个相同用途的按钮，我需要使其余的副本看起来像按下了一样

---

我怎样才能做到这一点

就我个人而言，我认为使用JavaScript来实现这一点太过分了，这是使用CSS完成的。您的代码将介于

{}

之间

button:active {
    color: red;
    background-color: pink;
    padding: 8px;
}

警告

这将设置所有

按钮
元素的样式，而不仅仅是一个。如果您只想要一个，那么使用一个ID，如果多个使用类


编辑1

仅限JS

<button id="test" onclick="styleButton(this);">Hello!</button>

function styleButton(element) {
     document.getElementById(element.id).className = "yourClassName";
}

你好！
函数样式按钮（元素）{
document.getElementById（element.id）.className=“yourClassName”；
}
您可能希望向函数中的按钮添加类

$（'button'）.addClass（'someclass'）

然后使用CSS定义类。
在CSS中，按如下方式设置活动按钮的样式：

按钮：活动类{
}

这样，单击的按钮看起来就像它有类
活动类一样

从这里，你可以用任何你喜欢的方式申请/删除这个类

$(".my-button").on("click", function(){
  $(this).toggleClass("active-class");
});

可以设置
borderStylestyle属性来执行此操作。要显示按下的按钮，请使用

document.getElementById("myButton").style.borderStyle = "inset";

完成后，使用

document.getElementById("myButton").style.borderStyle = "outset";

将按钮设置回正常状态。
是否与
：active
状态相同？使用CSS活动状态或在鼠标下/上添加和删除类。这并不能回答他的问题。他询问如何通过JavaScript将按钮更改为活动状态。我不相信仅仅用CSS就可以做到这一点（除非你从
按钮：active
镜像自定义样式，但它仍然不是真正处于active状态）。@Jamen我尽我所能回答了这个问题。如果OP决定让他的问题更清楚，我很乐意更新我的帖子。@ceremcem添加了JS唯一的解决方案。谢谢。我想没有办法让它看起来像原始的压缩样式（除了使用CSS进行微调）。