如何仅使用JavaScript切换/切换div onclick的类 [英] How to toggle/switch class of a div onclick using only javascript
本文介绍了如何仅使用JavaScript切换/切换div onclick的类的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我希望div
切换其类(切换)onclick,然后再次还原为原始类onclick
I want a div
to switch its class (toggle) onclick and then revert back to original class onclick again
我的代码是:
function myfunc() {
//the code over here
}
.normal {
width:25%;
height:25%;
background: #f00;
}
.active {
width:100%;
height:100%;
background: #f00;
}
#div{}
<body>
<div id="div" onclick="myfunc()">click here</div>
</body>
推荐答案
使用纯js:
<div id="div" class="normal" onclick="myfunc(this)">click here</div>
js
function myfunc(div) {
var className = div.getAttribute("class");
if(className=="normal") {
div.className = "active";
}
else{
div.className = "normal";
}
}
这篇关于如何仅使用JavaScript切换/切换div onclick的类的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文