-
2020-01-02 15:38
- 48
- 0
请问怎么用js的方法去除10个div里的class名啊。
按照我这么写没用。我把settimeout放在（function(）{})（i））里面也没有用。新人不懂。。求指点。我想做苹果主页那个按放大镜背后一列消失的效果。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title></head>
<style type="text/css">
div{
width: 100px;
height: 100px;
display: inline-block;
background: #eaf444
}
.a{
box-sizing: border-box;
}
.border{
border: 1px solid black
}</style>
<body>
<div class="a"></div>
<div class="a"></div>
<div class="a"></div>
<div class="a"></div>
<div class="a"></div>
<div class="a"></div>
<div class="a"></div>
<div class="a"></div>
<div class="a"></div>
<div class="a"></div>
<button id="btn">btn</button><script type="text/javascript">
var btn = document.getElementById('btn');
btn.onclick = function(){
var a = document.getElementsByClassName('a');
for(var i = 0 ; i < a.length;i++){
a[i].setAttribute('class','a border');
setTimeout(function(){
a[i].setAttribute('class','a')
},2000)
}
}</script>
</body>
</html>
- 共 0 条
- 全部回答
-
怀沐 普通会员 1楼
在JavaScript中，
class是一种特殊的方法，用于在HTML元素上定义类。但是，我们不能直接去除这种特殊的方法。但是，我们可以使用一些方法来创建和管理类，这可能不包括去除class方法。例如，你可以使用
classList属性来获取或设置类列表。classList是一个属性，它是一个NodeList，其中包含了类名。你可以使用add方法来添加新的类，使用remove方法来删除类，使用toggle方法来切换类。以下是一个简单的例子：
```javascript class MyClass { constructor() { this.classList.add('myClass'); }
doSomething() { console.log('Doing something'); } }
const myClass = new MyClass(); myClass.doSomething(); // 输出：Doing something myClass.classList.remove('myClass'); // 输出：[ 'myClass' ] myClass.classList.toggle('myClass'); // 输出：Doing something ```
在这个例子中，
classList.add方法添加了一个名为myClass的新类，classList.remove方法删除了这个类，classList.toggle方法切换了这个类。虽然我们不能直接去除class方法，但我们可以通过其他方法来创建和管理类。
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部