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

如何使用javascript更改元素css类运行时,javascript,jquery,html,asp.net,css,Javascript,Jquery,Html,Asp.net,Css,我已经制定了一些新的设施禁用按钮与更新面板。在这里,我成功地禁用了按钮控制,并使用以下javascript更改innertext ob按钮: <script type="text/javascript"> Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(BeginRequestHandler); function BeginRequestHandler(sender, arg

我已经制定了一些新的设施禁用按钮与更新面板。在这里,我成功地禁用了按钮控制,并使用以下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> 

Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(BeginRequestHandler);
函数BeginRequestHandler(发送方,参数){
document.getElementById(“”).innerText=“处理..”;
args.get_postBackElement().disabled=true;
}
在这里,我只想为所有更新面板创建一个公共函数,当用户单击此按钮时,该面板具有提交行为,然后它会检测回发并禁用其他具有提交行为的所有控件,在这里,我只想更改元素类属性


有谁能帮我…

使用jQuery

添加一个类:

$('selector').addClass("classname")
document.querySelector('selector').classList.add('classname')
删除一个类:

$('selector').removeClass("classname")
document.querySelector('selector').classList.remove('classname')
更改整个类属性

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

使用Javascript

添加一个类:

$('selector').addClass("classname")
document.querySelector('selector').classList.add('classname')
删除一个类:

$('selector').removeClass("classname")
document.querySelector('selector').classList.remove('classname')
更改整个类属性:

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

您还可以添加或删除多个类 $(选择器).addClass('class1 class2')


注意:classList仅在非常现代的浏览器中受支持。Internet Explorer 7-9不支持此功能。。。看见