This question already has answers here:
How to change FontSize By JavaScript?
                                
                                    (4个答案)
                                
                        
                26天前关闭。
            
        

我是JS的新手。我的目标是使HTML元素的font-size作为JS循环中的函数增加。
我已经getElementById通过ID查找元素,我的函数循环正常,并且每次循环时都有一个增加的变量,但是元素仍然没有改变。

我的JavaScript



let i = 0;
var myvar = setInterval(IconWeeder, 1500);
var element = document.getElementById("myDIV");

function bring_er_down() {
  clearInterval(myvar);
  console.log("we stopping")
}

function IconWeeder() {
  element.style.fontSize = i;
  i == i++
    console.log("i is equal to:", i)
  console.log(element)
}

<head>
  <title>Font Size</title>
</head>
<p id="myDIV">I should change size</p>
<input type="button" value="stop" onclick="bring_er_down()"></input>
<script src="icons.js"></script>





谢谢!

最佳答案

您需要告知font-size应该使用的单位类型,例如“ px”:element.style.fontSize = i + "px";

同样,i == i++并没有按照您的想象做,因为i++会增加i,所以它正在工作,但是您不需要比较检查==,只需要相同的i++;i += 1;

请参见下面的工作示例:



let i = 0;
var myvar = setInterval(IconWeeder, 250);
var element = document.getElementById("myDIV");
element.style.fontSize = i + "px";

function bring_er_down() {
  clearInterval(myvar);
  console.log("we stopping")
}

function IconWeeder() {
  element.style.fontSize = i + "px";
  i++;
  console.clear()
  console.log("i is equal to:", i)
  console.log(element)
}

<p id="myDIV">I should change size</p>
<input type="button" value="stop" onclick="bring_er_down()" />





注意:input是一个自闭标签,因此,没有</input>,它不存在,请通过.../>关闭输入

关于javascript - 使用JS更改元素的字体大小,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/60674687/

10-12 12:38
查看更多