如何通过 JavaScript 更改 FontSize?

IT技术 javascript css fonts font-size
2021-02-21 20:22:53

此代码不起作用

var span = document.getElementById("span");
span.style.fontsize = "25px";
span.innerHTML = "String";


5个回答

JavaScript 区分大小写。

所以,如果你想改变字体大小,你必须去:

span.style.fontSize = "25px";
看起来是VS2008的bug。Intellisense 提供错误,它提供fontsize但它应该提供fontSize. 单词“fontSize”的“s”字符应为大写。
2021-04-16 20:22:53
但是,在 CSS 中,该属性称为“字体大小”。为什么在 javascript 中访问相同的属性有不同的名称?
2021-04-24 20:22:53
在 CSS font-size 是正确的名称,但在 javascript 中,它会转换为字体减去样式,因此在 CSS 中的任何地方,您在 javascript 中都有一个破折号,该属性将是驼峰式的,没有破折号。
2021-05-02 20:22:53
在 JavaScript Intellisense 中只适用于 meh。它通常提供迄今为止已经使用过的名称。也就是说,如果您已在fontsize某处声明,您将被fontsize列出。然而,这与 无关.style.fontSize
2021-05-08 20:22:53
<span id="span">HOI</span>
<script>
   var span = document.getElementById("span");
   console.log(span);

   span.style.fontSize = "25px";
   span.innerHTML = "String";
</script>

您的代码中有两个错误:

  1. document.getElementById - 这将检索 ID 为“span”的元素,您没有在 span 元素上指定 ID。

  2. Javascript 中的大写字母 - 你也忘记了 Size 的大写字母。

试试这个:

var span = document.getElementById("span");
span.style.fontSize = "25px";
span.innerHTML = "String";

请不要在实际项目中这样做😅:

document.getElementById("span").innerHTML = "String".fontsize(25);
<span id="span"></span>

这太可怕了,我不能不投票就放弃。人们需要知道这一点,特别是,不要这样做!
2021-05-13 20:22:53
span.style.fontSize = "25px";

用这个