Javascript 使用JS+的活动字体权重；CSS

我需要知道如何激活页面上的字体权重（我正在使用JavaScript）

示例：如果我在教师页面，则

{%block head%}
私人班级
{%endblock%}
{%block content%}
{%endblock%}
您在教师页面上，并且“活动”类已经存在，因此无需使用javascript。
只需在“active”类中添加字体权重就足够了

<style>
.active{
  font-weight: bold;
}
</style>


.主动{
字体大小：粗体；
}
是的，但我想根据JS做这件事。有什么具体原因吗？如果活动类没有将fotweight weight规则设置为粗体，它将如何添加字体粗体？正如您在回答中所说，我使用了CSS。但是现在JS激活了这个类，使代码更加动态
const currentPage = location.pathname
const menuItems = document.querySelectorAll("header .links a")

for (item of menuItems) {
    if (currentPage.includes(item.getAttribute("href"))) {
        item.classList.add("active")
    }
}