您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

javascript如何设置字体大小

2025/6/15 9:57:29发布25次查看
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>
效果图如下:
然后,就要通过点击加减按钮来控制文字的大小了,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如何设置字体大小的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product