如何通过 JavaScript 更改字体大小？答案

【问题标题】：How to change FontSize By JavaScript?如何通过 JavaScript 更改字体大小？
【发布时间】：2011-07-31 23:56:33
【问题描述】：

此代码无效

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

【问题讨论】：

是骆驼装的吗？ span.style.fontSize = "25px";
fontsize -> fontSize 应该是驼峰式的。

标签： javascript css fonts font-size

【解决方案1】：

JavaScript 区分大小写。

所以，如果你想改变字体大小，你必须去：

span.style.fontSize = "25px";

【讨论】：

貌似是VS2008的bug。 Intellisense 提供错误，它提供了fontsize，但它应该提供fontSize。单词“fontSize”的“s”字符应为大写。
在 JavaScript Intellisense 中只能正常工作。它通常提供迄今为止已经使用过的名称。也就是说，如果您在某处声明了fontsize，您将列出fontsize。然而，这与.style.fontSize 无关。
不过，在 CSS 中，该属性称为“字体大小”。为什么在javascript中访问同一个属性有不同的名字？
在 CSS 中 font-size 是正确的名称，但在 javascript 中会转换为字体减号样式，因此在 CSS 中的任何地方，您在 javascript 中都有一个破折号，该属性将在没有破折号的情况下采用驼峰式大小写。跨度>

【解决方案2】：

试试这个：

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

【讨论】：

【解决方案3】：

<span id="span">HOI</span>
<script>
   var span = document.getElementById("span");
   console.log(span);

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

您的代码中有两个错误：

document.getElementById - 这将检索 ID 为“span”的元素，您没有在 span-element 上指定 id。
Javascript 中的大写字母 - 你也忘了 Size 的大小写。

【讨论】：

【解决方案4】：

请不要在实际项目中这样做?：

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

&lt;span id="span"&gt;&lt;/span&gt;

【讨论】：

这太糟糕了，我不能不投票就通过。人们需要知道这一点，特别是不要这样做！

【解决方案5】：

span.style.fontSize = "25px";

使用这个

【讨论】：