javascript - Jquery 增加 DIV 中 HTML 内容的字体大小

标签 javascript jquery html css

下面是我用来增加#myContent 中所有 HTML 内容的字体大小的 javascript。奇怪的是,每当调用 increaseFontSize() 时,字体大小不会增加,而是会减小。有好心人可以指教我做错了什么吗?谢谢。

我在 fontSizeStr 和 fontSize 上设置了警报。 fontSizeStr 读取 14 而 fontSize 读取 12。最后一行应该将内容更改为 12px 但它没有。字体变小了。

:
:
function increaseFontSize() {
   var fontSizeStr = $("#myContent").css('font-size');
   var fontSize = parseInt (fontSizeStr,10) + 2;
   $("#myContent").css("font-size", fontSize + "px");
}
:
:
:
<div id="myContent">
    <html>
    :
    :
    <p>Actual Contents 1</p>
    <p>Actual Contents 2</p>
    :
    :
    </html>
</div>
:
:

[更新]: - 在 fontSize 的末尾添加了“px”。 - 从“fontSize”更改为“font-size”

最佳答案

你需要更新

 $("#myContent").css("fontSize", fontSize);

 $("#myContent").css("font-size", fontSize + "px");

关于javascript - Jquery 增加 DIV 中 HTML 内容的字体大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31220891/

相关文章:

javascript - 单击按钮时显示 .JOIN JQuery 错误消息

javascript - 有没有办法使用 Datejs 解析字符串中的日期?

javascript - 如何在 JavaScript 中到达特定的 div?

javascript - Angular : Height Change Not Detected

javascript - AngularJS 自定义指令不使用所选文件更新模型

javascript - 将网络应用程序转换为移动应用程序

validation - 我真的需要将 '&' 编码为 '&amp;' 吗?

html - 在我的网站 html 上使用 2 个样式表

javascript - 在iPhone浏览器中上传照片时将默认设置切换为视频

javascript - SVG 动画完成后反向