如何从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

我只是有些感动引号我认为

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

Answer 2

我认为这是你在找什么：https://jsfiddle.net/16mgy0xm/9/

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

</script> 

Answer 3

你应该避免使用内联事件处理程序（onchange = ...）并使用标准。以下作品：

<input type="number" name="font_size_number" id="txtNumber"> 
<text id="txtOutput">This is the output area.</text> 

<script> 
    window.addEventListener("load", function(){ 
     var txtNumber = document.getElementById('txtNumber'); 
     var txtOutput = document.getElementById('txtOutput'); 
     txtNumber.addEventListener("change", function(){ 
       txtOutput.style.fontSize = txtNumber.value + "px"; 
     }); 
    ); 
</script> 

参见：https://jsfiddle.net/sxsbcdy2/