基于javascript中的元素id在加载时删除和添加类

当我选择两个按钮时，页面将重新加载，并且有两个值被分配给变量。我试图设置它，这样当页面加载时，它会删除一个类，并根据两个变量的值添加一个类

我通过从两个隐藏的输入字段及其id中提取传递的值来获取变量

<input id="noType" name="noType" type="hidden" value="1" />
<input id="noAssign" name="noAssign" type="hidden" value="0" />

我几乎100%确信我从隐藏的输入中抓取了

getElementById

的正确id，并在尝试引用按钮id时正确地使用它们。未添加或删除这些类。我错过了什么

这些是按钮

<button id="type1" class="btn-t btn-xxx type-button" 
onclick="SetType(1);"><i class="fa fa-info-circle fa-fw">
</i>Invitation</button><button id="type2" class="btn-t btn-xxx type-button" 
onclick="SetType(2);"><i class="fa fa-info-circle fa-fw">
</i>Assistance</button><button id="type3" class="btn-t btn-xxx type-button" 
onclick="SetType(3);">
<i class="fa fa-info-circle fa-fw">
</i>Finalize</button>

邀请
援助
定稿

因为

removeClass（）

和

addClass（）

是jQuery函数

错误是正确的，因为

document.getElementById（“type”+type）

返回DOM元素，而它们没有上述方法。同样的操作也可以使用

选择具有给定id属性的单个元素

使用

---

您需要使用jQuery方式

$（'id-of-element'）

选择元素，以使用

removeClass（）

和jQuery提供的任何其他函数。和是使用jQuery的很好的介绍。使用jQuery选择器方法，比如@Imgonzalves，或者使用

classList.remove（）@你可能想考虑发布一个新问题而不是编辑这个问题。您原来的问题已被回答并接受，现在更改可能会引起混乱。只是一个建议。如果你发布了一个新的问题，考虑回滚你的编辑来恢复你原来的问题。非常感谢你的帮助。我甚至没有注意到我没有使用
#
引用ID。完美答案！
<button id="type1" class="btn-t btn-xxx type-button" 
onclick="SetType(1);"><i class="fa fa-info-circle fa-fw">
</i>Invitation</button><button id="type2" class="btn-t btn-xxx type-button" 
onclick="SetType(2);"><i class="fa fa-info-circle fa-fw">
</i>Assistance</button><button id="type3" class="btn-t btn-xxx type-button" 
onclick="SetType(3);">
<i class="fa fa-info-circle fa-fw">
</i>Finalize</button>

$("#type" + type).removeClass("btn-xxx").addClass("btn-success");
$("#assigned" + assign).removeClass("btn-xxx").addClass("btn-success");