gpt4 book ai didi

javascript - 如何仅使用 javascript 切换/切换 div onclick 的类

转载 作者:搜寻专家 更新时间:2023-10-31 21:56:39 26 4
gpt4 key购买 nike

我想要一个 div 切换它的类(切换)onclick,然后再次恢复到原来的类 onclick

我的代码是:

 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 - 如何仅使用 javascript 切换/切换 div onclick 的类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19075104/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com