how to change element css class runtime using javascript

Question

i have work out with some new facility for disabling button with update panel. here i successfully disable button control and change innertext ob button with this javascript:

<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>

here i just want to make one common function for all update panel which have submit behaviour when user clicks this buttn then it detects post back and disable other all control with submit behaviour and here i just wan to change element class attribute also.

can any one help me...

bobthedeveloper · Accepted Answer · 2014-04-19 07:46:38Z

1

Using jQuery

Add a class:

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

Remove a class:

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

Changing whole class attribute

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

Using Javascript

Add a class:

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

Remove a class:

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

Changing whole class attribute:

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

edited Apr 19, 2014 at 7:46

answered Apr 19, 2014 at 7:40

bobthedeveloper

3,7832 gold badges17 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Thomas Urban Over a year ago

Note: classList is supported in quite modern browsers, only. Internet Explorer 7-9 don't support this feature. ... see developer.mozilla.org/en-US/docs/Web/API/…

Harshit Jain · Accepted Answer · 2014-04-19 07:50:03Z

0

You can also add or remove multiple classes $(selector).addClass('class1 class2')

OR

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

answered Apr 19, 2014 at 7:50

Harshit Jain

4923 silver badges8 bronze badges

Collectives™ on Stack Overflow

how to change element css class runtime using javascript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related