Jquery增加DIV中HTML内容的字体大小
Jquery to increase font size of HTML contents in DIV
下面是我用来增加#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");
请像font-size
一样在fontSize
中添加-
$("#myContent").css("font-size", fontSize + "px");
使用
var fontSizeStr= fontSizeStr.substring(0,fontSizeStr.length-2);
function increaseFontSize() {
var fontSizeStr = $("#myContent").css('font-size');
var fontSize = fontSizeStr.substring(fontSizeStr.length-2, fontSizeStr.length);
var newFontSize = parseInt (fontSize,10) + 2;
$("#myContent").css("font-size", newFontSize + "px");
}
这是JSFIDDLE的工作代码。
http://jsfiddle.net/alaksandarjesus/xju2xksp/1/
<div id="myContent">
<p>Actual Contents 1</p>
<p>Actual Contents 2</p>
</div>
<button onClick="increaseFontSize()">Click Me</button>
在我的localhost中进行了测试,使用html标记,工作正常。
相关文章:
- 根据元素高度和宽度的百分比变化增加或减少字体大小
- 使用jquery在按钮点击事件中增加整个网页的字体大小
- 增加了“上传”按钮的文本字体大小
- JQuery功能,可在任何地方增加字体大小
- 增加 em 的字体大小
- 如何增加安卓应用程序的jqMath公式的字体大小
- 如何增加推特提要小部件的宽度和字体大小
- 如何让用户通过单击文本来增加字体大小
- 增加/减少页面上所有元素字体大小的有效方法
- 增加选项卡式导航中文本的字体大小
- 按比例增加整个网站的每个字体大小
- 如何通过快捷方式增加和减少字体大小?(tinymce)
- 通过javascript在每次点击时动态增加字体大小
- 无法在单击按钮时增加字体大小
- 增加页面上所有数字的字体大小(Javascript, JQuery, DOM操作)
- 如何在windows phone中使用按钮增加或减少网页浏览器字体大小
- 我如何动态地增加字体大小与Javascript和为什么是我目前的功能不工作
- 如何使用jquery增加字体大小?
- 如何增加或减少整个页面的字体大小
- 标签云——根据编号增加字体的权重