如何從onchange（）更改文本字體大小

Question

我試圖從onchange（）更改文本html元素的fontsize。

這是我的代碼：

<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/