javascript如何设置字体大小
程序员文章站
2022-04-04 12:26:04
...
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如何设置字体大小的详细内容,更多请关注其它相关文章!
下一篇: 评价一台计算机的性能主要通过哪几个方面