javascript设置字体大小的方法：首先设置布局，并写两个按钮；然后通过点击加减按钮来控制文字的大小，代码为【oPtxt.style.fontSize=num+'px'】。
本教程操作环境：windows7系统、javascript1.8.5版，DELL G3电脑。
javascript设置字体大小的方法：
首先还是先看布局，简单写一句话，并写两个按钮：
<input id="Btn1" type="button" value="+" name=""/> <input id="Btn2" type="button" value="-" name=""/> <p id="p1" style="font-size:14px;">这是一些文字这是一些文字这是一些文字这是一些文字</p>
效果图如下：
立即学习“Java免费学习笔记（深入）”；
然后，就要通过点击加减按钮来控制文字的大小了，js代码如下：
<script>
window.onload= function(){
var oPtxt=document.getElementById("p1");
var oBtn1=document.getElementById("Btn1");
var oBtn2=document.getElementById("Btn2");
var num = 14; /*定义一个初始变量*/
oBtn1.onclick = function(){
num++;
oPtxt.style.fontSize=num+'px';
};
oBtn2.onclick = function(){
num--;
oPtxt.style.fontSize=num+'px';
}
}
</script>相关免费学习推荐：javascript视频教程
以上就是javascript如何设置字体大小的详细内容，更多请关注php中文网其它相关文章！
java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
530
