用JavaScript修改CSS的样式属性

最新推荐文章于 2022-06-10 21:09:47 发布

riverrun_z

最新推荐文章于 2022-06-10 21:09:47 发布

阅读量2.2k

点赞数

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

本文链接：https://blog.csdn.net/weixin_48047636/article/details/124411064

版权

javaScript 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

<body>
    <div>点我以下字会变大</div>
    <script>
        //获取元素
        // queryselect第一个div元素
        var div_zz=document.querySelector("div");
        // 绑定事件 可以用获取到的元素,
        //也可以用this来表示表用这个函数的元素
        div_zz.onclick=function(){
            // 注意js的style属性要用驼峰命名法
            this.style.backgroundColor='green'
            this.style.fontSize="30px"
            /* 用js修改style的样式,会把改的那部分样式放到行内样式去
               如果css样式和js行内样式冲突的话,会以js行内样式为准,
               因为js权重比css样式高*/
        }
    </script>
</body>

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

riverrun_z

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
用JavaScript修改CSS的样式属性

<body> <div>点我以下字会变大</div> <script> //获取元素 // queryselect第一个div元素 var div_zz=document.querySelector("div"); // 绑定事件可以用获取到的元素, //也可以用this来表示表用这个函数的元素 div_zz.onclick=function(){
复制链接

扫一扫