Javascript如何添加新类而不删除现有类

当使用javascript在html中单击按钮时，我需要添加一个CSS类。但是我不想删除元素已经拥有的元素。例如，我有这个元素

我想添加三个类，所以我希望最后的元素是：

在我的现实问题中，我有以下代码

HTML:

我想要一个香草js的解决方案

HTMLElementObject.className=classname

您可以使用

JS:

---

因为有些人会反对申的答案，因为该答案与W3学校有关。这是mozilla开发人员网络链接

.ui-state-disabled{background-image: none;
opacity: 0.35;}

HTMLElementObject.className=classname

function disableButton(x){
      x.classList.add("ui-state-disabled");
}

var element = document.getElementById("your_div_id");
element.className = "name_of_ur_class";

function btnclick()
{
      var txt=document.getElementId("<%=txt.ClientID%>");
      txt.className="classname";
}

$("#txt").addClass("classname");
$("#txt").removeClass("classname");