Don't do it with setting style attributes. Do it by using CSS classes. I would also recommend using a Javascript library to handle this. It just makes the code cleaner.

Removing CSS attributes is problematic because you don't always know what they should be set back to. Adding and removing classes just... works.

You can have multiple classes per element so there's really no argument against doing it this way (imho).

I'm used to jQuery so my example is with that.

Wrong way:

$(#myinput).css(border, 1px solid red);

Right way:

<style type=text/css>

.redborder { border: 1px solid red; }

</style>



<script type=text/javascript>

$(#myinput).addClass(redborder);

$(#myinput).removeClass(redborder);

$(#myinput).toggleClass(redborder);

</script>