概述
<!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简单应用所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复