Remove a specific inline style with Javascript|jQuery

Question

I have the following code in my html:

hello world
         


        

Answer 1

My suggestion would be to stay away from setting this stuff using inline styles. I would suggest using classes and then using jQuery to switch between them:

CSS:

#foo{ font-size:11pt; font-family:arial; color:#000; }
#foo.highlight {text-align:center; font-size:14pt; font-family:verdana; color:red}

HTML:

hello world

Javascript:

$('#foo').removeClass('highlight');
$('#foo').addClass('highlight');