如何从onchange（）更改文本字体大小（）

  • Z时代
  • 2024-01-10
  • 分类：问答

我试图从onchange（）更改文本html元素的字体大小。如何从onchange（）更改文本字体大小（）

这里是我的代码：

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

回答：

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

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

回答：

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

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

回答：

你应该避免使用内联事件处理程序（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/

以上是 如何从onchange（）更改文本字体大小（） 的全部内容， 来源链接： utcz.com/qa/259794.html

回到顶部