JavaScript--字体变大变小练习

  <button>+</button><button>-</button><div id="txt">（一）走上古驿道他一声不响起身到卧房去，自己开了衣柜的们，取出他出门穿的衣服，挂在衣架上，还挑了一条干净手绢，放在衣袋里。他是准备亲自去报到，不需我代表——他也许知道我不能代表。我和阿圆还只顾捉摸开什么会。钟书没精打采地干完他的晚事（洗洗换换），乖乖地睡了。他向例早睡早起，我晚睡晚起，阿圆晚睡早起。第二天早上，阿圆老早做了自己的早饭，吃完到学校上课去。我们两人的早饭总是钟书做的。他烧开了水，泡上浓香的红茶，热了牛奶（我们吃牛奶红茶），煮好老嫩合适的鸡蛋，用烤面包机烤好面包，从冰箱里拿出黄油、果酱等放在桌上。我起床和他一起吃早饭。然后我收拾饭桌，刷锅洗碗，等着他穿着整齐，就一同下楼散散步，等候汽车来接。将近九点，我们同站在楼门口等待。开来一辆大黑汽车，车里出来一个穿制服的司机。他问明钱钟书的身分，就开了车门，让他上车。随即关上车门，好像防我跟上去似的。我站在楼门口，眼看着那辆车稳稳地开走了。我不识汽车是什么牌子，也没注意车牌的号码。我一个人上楼回家。自从去春钟书大病，我陪住医院护理，等到他病愈回家，我叫软头晕，成了风吹能倒的人。近期我才硬朗起来，能独立行走，不再需扶墙摸壁。但是我常常觉得年纪不饶人，我已力不从心。</div>

//1.找到两个按钮  绑定事件
var add = document.getElementsByTagName('button')[0];
var minus = document.getElementsByTagName('button')[1];
//2. 根据时间  写函数  设置默认字体 font_n=16
var font_n = 16;
//找到文本内容
var txt = document.getElementById('txt');
//如果点+ 变大  点下  变小
add.onclick = function () {//根据字体  设置文本  id txt的style 的fontSizefont_n = font_n + 2;txt.style.fontSize = font_n + 'px';
}
minus.onclick = function () {//根据字体  设置文本  id txt的style 的fontSizefont_n = font_n - 2;if (font_n <= 12){font_n=12;}txt.style.fontSize = font_n + 'px';
}

JavaScript--字体变大变小练习相关推荐

javascript基础——文字变大变小className的使用及JS浮动的兼容用法
文字变大变小,详情页比较常见的那种 <!DOCTYPE html> <html lang="en"> <head><meta charse ...
IOS考试题3字体变大变小
IOS考试题3字体变大变小 swift写法,oc待续 FontSizePicker.swift import UIKitenum FontSize : Int {case FontSizeSmall ...
IOS之代理文字点击变大变小
IOS之代理文字点击变大变小重点是掌握代理的使用,否则也失去次此意义 #import "ViewController.h" #import "AHLJFontSizeP ...
出门就背他了！可伸缩的背包，自由变大变小，还有防盗功能！
▲ 点击查看出门能不背包就不背包,几乎是小爆身边每个男生的人生信条. 不背包时,两手空空一身轻,潇洒有型. 但一旦到了必须背包,比如五一外出回家或旅游的时候,男同胞们翻箱倒柜找出来的背包,大多都是这 ...
计算机界面横向拉宽了怎样还原,电脑屏幕变大变小了如何还原
对于电脑屏幕变大变小了不知道还原,如何解决的呢,那么电脑屏幕变大变小了如何还原?下面是学习啦小编收集整理的电脑屏幕变大变小了如何还原,希望对大家有帮助~~ 电脑屏幕变大变小了还原的方法因为每台显示器 ...
华为虚拟home键关闭_华为手机音量忽大忽小，不妨打开这3个开关调整，音量变大变清晰...
华为手机音量忽大忽小,不妨打开这3个开关调整,音量变大变清晰手机现在已经不仅仅是一个通讯工具,日常生活听歌.看剧.打游戏来供人们娱乐,倘若手机音量忽大忽小,是非常影响我们娱乐的体验感,还有电话声忽大 ...
图片随鼠标滑轮滚动变大变小
* 图片随鼠标滑轮滚动变大变小,最大不超过屏幕宽度-360 */ <HTML> <HEAD> <meta http-equiv="Content-Type&qu ...
动态头像 Android 实现,Android开发中实现一个头像滑动变大变小功能
Android开发中实现一个头像滑动变大变小功能发布时间:2020-11-21 16:36:20 来源:亿速云阅读:74 作者:Leah 这篇文章给大家介绍Android开发中实现一个头像滑动变大 ...
Python操作窗口变大变小
""" 打开notepad,使之变大变小 """ import win32con import win32gui# 参2:要打开的notep ...
oracle11g trc 文件,Oracle11g11.2.0.1设置HuagePage导致TRC变大变多
Oracle 11g 11.2.0.1 设置HuagePage导致TRC 变大变多最近发现diag/..../trac/ 目录下 sid_ora_xxxx.trc 文件大小为11M 而且类似文件数 ...

JavaScript--字体变大变小练习

JavaScript--字体变大变小练习相关推荐

最新文章

热门文章