如何使用javascript更改元素css类运行时

Question

我已经解决了一些禁用更新面板按钮的新功能。 在这里，我成功禁用了按钮控件，并使用此javascript更改了innertext ob按钮：

<script type="text/javascript">
        Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(BeginRequestHandler);
        function BeginRequestHandler(sender, args) {
            document.getElementById('<%=btn_Login.ClientID %>').innerText = "Processing..";
            args.get_postBackElement().disabled = true;
        }
    </script> 

在这里，我只想为所有更新面板创建一个通用功能，当用户单击此按钮时，该面板具有提交行为，然后它检测回发并禁用其他所有具有提交行为的控件，在这里，我也想更改元素类属性。

谁能帮我...

Answer 1

使用jQuery

添加课程：

$('selector').addClass("classname")

删除课程：

$('selector').removeClass("classname")

更改整个类的属性

$('seletor').attr('class', 'classname');

---

使用JavaScript

添加课程：

document.querySelector('selector').classList.add('classname')

删除课程：

document.querySelector('selector').classList.remove('classname')

更改整个类的属性：

document.querySelector('selector').setAttribute('class','classname');

Answer 2

您还可以添加或删除多个类$（selector）.addClass（'class1 class2'）

要么

$(selector).removeClass('class1 class2')