您的位置：首页 > Web前端 > JavaScript

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

2017-12-04 21:19 429 查看

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>


显示结果



内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航