使用Javascript或Jquery动态更改CSS值

Question

看起来很简单，但我想我缺少了一些东西。

比方说，我想要以下代码，但我不希望“ 12px”是静态的。我想使用变量fontInput。我该如何重写？

 var fontInput = document.getElementById("changesize").value; 

     $('.schedule-show').css({"font-size":"12px"});

Answer 1

假设#changesize需要一个数字，这样会更好：

var fontInput = document.getElementById("changesize").value; 
$('.schedule-show').css({"font-size": fontInput + "px"});

这样，您就可以将用户输入的数字连接到字体大小CSS规则的有效字符串中。