Adding style change to DIV inside ajax function...?

Question

I have a much larger javascript with some ajax that basically checks for a condition, on success:

success: function(){ document.getElementById('res-cancel-message').style.color = "#008000"; $("#res-cancel-message").html('<a>Your reservation has been cancelled and a confirmation has been sent to your email address.</a>');

Currently this script changes the color of the res-cancel-message div and then populates it with some text. What I am trying to do is change the size of the text as well, to 10pt. Unfortunately I have tried all kinds of simple style changes such as the color change I used in the above code, to no avail.

Any ideas?

Sarfraz · Accepted Answer · 2012-06-02 15:28:24Z

1

If you tried using:

document.getElementById('res-cancel-message').style.font-size = 'something';

It wont work, you need to remove - and capitalize the first letter of following word like this:

document.getElementById('res-cancel-message').style.fontSize = '10pt';

answered Jun 2, 2012 at 15:28

Sarfraz

384k81 gold badges561 silver badges613 bronze badges

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

Collectives™ on Stack Overflow

Adding style change to DIV inside ajax function...?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related