I want to change css style using javascript

Question

I want to append font style and type in textarea as per user requirement. I tried but my script is not working...

function run() {
var fontType = document.getElementById("font_type").value;
var fontSize = document.getElementById("font_size").value;

var textArea = document.getElementById("msg");
//alert(fontType+fontSize);

textArea.style.font-size = fontSize ;
textArea.style.font-family = fontType;


}

Matt · Accepted Answer · 2012-06-11 10:40:45Z

1

Try the following instead:

textArea.style.fontSize = fontSize ;
textArea.style.fontFamily = fontType;

Otherwise your JavaScript is evaluated as:

textArea.style.font - size = fontSize;
textArea.style.font - family = fontType;

... which doesn't make any sense (and so throws a ReferenceError: Invalid left-hand side in assignment).

This conversion (something-something to somethingSomething) is consistent when changing all style properties in JavaScript (border-radius -> borderRadius etc).

answered Jun 11, 2012 at 10:40

Matt

75.4k26 gold badges156 silver badges181 bronze badges

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

Comments

Amberlamps · Accepted Answer · 2012-06-11 10:40:52Z

1

Try:

textArea.style.fontSize = fontSize ;
textArea.style.fontFamily = fontType;

answered Jun 11, 2012 at 10:40

Amberlamps

40.7k6 gold badges46 silver badges54 bronze badges

Collectives™ on Stack Overflow

I want to change css style using javascript

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related