javascript - 如何通过 onchange() 更改文本字体大小

Question

我正在尝试通过 onchange() 更改文本 html 元素的字体大小。

这是我的代码:

<input onchange="myf();" type="number" name="font_size_number"    id="mycontroller">

<script>
function myf(){
document.getElementById('mytext').style.fontSize='"'+document.getElementById('mycontroller').value+'px"';
}
</script>

<text id="mytext">tarara</text>

Answer 1

我认为这就是您正在寻找的:https://jsfiddle.net/16mgy0xm/9/

<script>
  function myf() {
    var size = document.getElementById('mycontroller').value;
    document.getElementById("mytext").style.fontSize = size + "px";
  }

</script>