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

时间:2014-04-19 07:38:44

标签: javascript jquery html asp.net css

我已经解决了使用更新面板禁用按钮的新功能。在这里我成功禁用按钮控制并使用此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> 

这里我只想为所有更新面板制作一个常用功能,当用户点击此按钮时会有提交行为,然后它会检测回发并禁用其他所有带有提交行为的控件,这里我也想改变元素类属性。

任何人都可以帮助我......

2 个答案:

答案 0 :(得分: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');

答案 1 :(得分:0)

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

OR

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