JS——点击事件2（变大变小）

最新推荐文章于 2022-03-04 14:53:30 发布

我来C咯

最新推荐文章于 2022-03-04 14:53:30 发布

阅读量1.6k

点赞数 3

分类专栏： js 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_46874084/article/details/118545095

版权

js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

效果图：
未点击：
在这里插入图片描述
点击按钮1：

点击按钮2：

实现代码：

<body>
    <button id="bnt1">按钮1</button>
    <button id="bnt2">按钮2</button>
    <div id="box"></div>

    <script>
        var btn1 = document.getElementById('bnt1');
        var btn2 = document.getElementById('bnt2');
        var box = document.getElementById('box');

        function change1 (){
              //box.style.width = '150px';
              //box.style.height = '150px';
              box.style.cssText = 'width:150px ; height:150px';

        }

        function change2 (){
               box.style.cssText = 'width:50px ; height:50px';

        }

        btn1.onclick = change1;
        btn2.onclick = change2;
        
    </script>
</body>

我来C咯

关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
JS——点击事件2（变大变小）

效果图：未点击：点击按钮1：点击按钮2：实现代码：<body> <button id="bnt1">按钮1</button> <button id="bnt2">按钮2</button> <div id="box"></div> <script> var btn1 = document.getElementById('bnt1');
复制链接

扫一扫