我想用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 ）。

当改变JavaScript中的所有样式属性（ border-radius - > borderRadius等）时，这种转换（ something-something与somethingSomething something-something somethingSomething ）是一致的。

Answer 2

尝试：

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