使用纯js删除类名

时间:2015-01-08 02:14:45

标签: javascript css

  <div class="wrap">
</div>

我的css

.wrap{
overflow-x:hidden;
}

我应该在js中这样做吗?

document.getElementById("whatever").className = "";

在这种情况下获取id的位置?因为我使用.wrap而不是#wrap。

2 个答案:

答案 0 :(得分:0)

我认为您正在寻找DOM功能getElementByClassName()

例如,如果您在案例中运行var x = document.getElementByClassName('wrap'),则x将列出所有具有类'wrap'的dom元素。

来源:w3schools

答案 1 :(得分:0)

你的问题有点令人困惑,但为了给你一个简单的例子,看看这个:

&#13;
&#13;
var divs = document.getElementsByClassName('wrap');

for (var i=0; i<divs.length; i++) {

  divs[i].addEventListener('click', removemyclass);

}

function removemyclass () {
  
  this.className = '';
  
  }
&#13;
.wrap {

  height:50px;
  width: 100%;
  border: 2px solid #aaa;
  }


    
&#13;
<div class="wrap">
</div>
<div class="wrap">
</div>
<div class="wrap">
</div>
<div class="wrap">
</div>
<div class="wrap">
</div>
<div class="wrap">
</div>
<div class="wrap">
</div>
&#13;
&#13;
&#13;

这将找到您单击的一个(this)元素并删除其类Name,以便它不再具有边框,但您仍然可以在控制台中将其作为DOM中的元素找到