我想用javascript改变css风格

Question

我想根据用户要求添加字体样式并在textarea中输入。我试过但是我的脚本没有用......

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;


}

Answer 1

请尝试以下方法：

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

否则您的JavaScript评估为：

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

...没有任何感觉（因此抛出ReferenceError: Invalid left-hand side in assignment）。

此更改（something-something到somethingSomething）在更改JavaScript中的所有样式属性（border-radius - ＆gt; borderRadius等）时保持一致。

Answer 2

尝试：

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