javascript - 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->borderRadiusなど）。

Answer 2

試す：

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