javascript - 如何使用 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');