巅峰霸主 > 代码分享 > 源代码分享 >

js改变增加减小字号大小

时间:2021-03-26 17:40:53  来源:巅峰霸主网  作者:JackieDYH 点击:
摘要:!DOCTYPE html html head meta charset=utf-8 title/title script type=text/javascript window.onload = function(){ var bts = document.getElementById(btns); var btx = document.getElementById(btnx); var txt = document.getElementById(txt); // console.log(tx……

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script type="text/javascript">
            window.onload = function(){
                
                var bts = document.getElementById('btns');
                var btx = document.getElementById('btnx');
                var txt = document.getElementById('txt');
                // console.log(txt.innerHTML);
                var sz = 16;
                bts.onclick = function(){
                    sz = sz + 1;
                    console.log(sz);
                    txt.style.fontSize = sz + 'px';
                }
                btx.onclick = function(){
                    sz = sz - 1;
                    console.log(sz);
                    txt.style.fontSize = sz + 'px';
                }
                
            }
        </script>
    </head>
    <body>
        <button type="button" id="btns">字号加</button>
        <button type="button" id="btnx">字号减</button>
        <p id="txt">中华人民共和国万岁!</p>
    </body>
</html>


(责任编辑:陆柏熺)
js
评价:
用户名: 验证码: 看不清?点击更换


关注站长自媒体 获取更多优质内容

  • 百家号
    百家号
  • 头条号
    头条号
  • 企鹅号
    企鹅号

2019-2021 ©巅峰霸主网 京ICP备12023415号-2
返回
顶部