我是靠谱客的博主 醉熏灰狼,这篇文章主要介绍className简单应用,现在分享给大家,希望可以做个参考。

<!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简单应用内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(44)

评论列表共有 0 条评论

立即
投稿
返回
顶部