我想改变使用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中改变所有样式属性（ - >borderRadius等border-radius）时是一致的。

Answer 2

尝试：

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