Question

我想定期更改元素的字体大小，但是它不起作用。

我尝试用console.log（）获得字体的大小，但是它在大括号中返回了一些信息。（我对JavaScript还是相当陌生，所以我不知道这是否是所期望的）。我尝试查找文档，但即使这样也无法正常工作。

JavaScript：

var text = document.getElementById("main");
var x = setInterval(incFont, 100);
console.log(document.getElementById("main").style.fontSize);
var size = parseInt(document.getElementById("main").style.fontSize, 10);

function incFont()
{
    size = size + 1;
    document.getElementById("main").style.fontSize = "" + size;
}

HTML：

<p id="main">
    Text-Growing
</p>
<script src="function.js"></script>

console.log的输出：

{“ notifyType”：“ consoleItemLog”，“ message”：{“ message”：“”，“ styles”：“”，“ hasFormatString”：true，“ fileUrl”：“ file：/// D：/ 170911092 / Lab％203 / function.js“，” lineNumber“：3，” columnNumber“：1}}

Answer 1

没有某些单位，请参见ways to specify the font size，您无法更新style.fontSize。

从document.getElementById("content").style返回的对象是CSSStyleDeclaration，也可以使用setProperty()来设置属性。

.fontSize样式名称实际上是font-size，因此以下任何一种都会更新CSS；

document.getElementById("main").style.fontSize = '12px';
document.getElementById("main").style.setProperty('font-size','12px');

字体大小不变

1 个答案: