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

来源:互联网 发布:守望先锋低配置优化 编辑:程序博客网 时间:2024/06/04 18:09

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>

显示结果

这里写图片描述
这里写图片描述

原创粉丝点击