<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
div{
width: 200px;
height: 200px;
background-color: red;
}
.div2{
background-color: yellow;
width: 300px;
}
</style>
</head>
<body>
<div id="div1">
</div>
<script type="text/javascript">
// 获取元素
var oDiv = document.getElementById("div1");
// 事件绑定
oDiv.onclick = function(){
if (oDiv.style.backgroundColor == "green") {
oDiv.style.backgroundColor = "red";
}
else{
oDiv.style.backgroundColor = "green";
}
}
// className
oDiv.onclick = function(){
if(oDiv.className == ""){
oDiv.className = "div2";
}else{
oDiv.className = "";
}
}
</script>
</body>
</html>
最后
以上就是醉熏灰狼最近收集整理的关于className简单应用的全部内容,更多相关className简单应用内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复