This question already has answers here:
How to change FontSize By JavaScript?
(4个答案)
26天前关闭。
我是JS的新手。我的目标是使HTML元素的
我已经
我的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/