JavaScript--JS操作属性注意的命名规则

最新推荐文章于 2023-09-08 16:06:32 发布

海向

最新推荐文章于 2023-09-08 16:06:32 发布

阅读量463

点赞数 1

分类专栏： JavaEE是怎样炼成的

本文链接：https://blog.csdn.net/baidu_37181928/article/details/78713995

版权

JavaEE是怎样炼成的专栏收录该内容

25 篇文章 0 订阅

订阅专栏

JS规定的驼峰式命名规则

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
        div{
            width: 700px;
            height: 600px;
            border:2px solid red;
            background: yellow url("img/3.jpg") no-repeat;
            background-size: 80& 80&;
            margin:0 auto;
            color: #fff;
        }
    </style>
</head>
<body>
    <div id="box">诺克萨斯</div>
</body>
</html>
<script type="text/javascript">
/*
    在js的属性操作中，不允许出现"-"，用驼峰式命名代替
*/
    var oDiv = document.getElementById("box");
    oDiv.onclick = function(){
        oDiv.style.backgroundColor = "green";
        oDiv.style.backgroundUrl = "img/1.jpg";
        oDiv.style.backgroundSize = "50% 50%";
        oDiv.style.fontSize = "100px";
    }
</script>

显示结果

这里写图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

海向

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript--JS操作属性注意的命名规则

JS规定的驼峰式命名规则<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> div{ width: 700px; height: 600px;
复制链接

扫一扫