使用JavaScript将类更改为另一个类（不是JQuery）

事实上，我正在使用一个事件CMS，它是Eventtia.com，它允许我制作一个基本的UI，我对此不满意。我想修改一些样式，它正在使用新的类等等

我想使用JavaScript而不是JQuery覆盖一个div类，以强制web浏览器在div上呈现新类。为了澄清div没有id，所以我不能使用getElementByIdid_名称

最后，WebBrowser将自动渲染新的col-md-4级边距

我该怎么做呢？

您可以这样做：

var el=document.getElementsByTagName'div'[0]

---

el.className='newclass to element'

非常感谢所有在这里帮助我的人。不幸的是，有些人投了反对票，我的分数下降了，当时我只有14分，但还行

这是我的代码的解决方案：

var elemento = document.getElementsByClassName("col-md-3 margin_auto");
var elemento2 = document.getElementsByClassName("col-md-8 col-md-offset-1");


for(var i=0; i < elemento.length; i++){
  elemento[i].className = "col-md-4 margin_auto" //<- My final class to assign
}
for(var i=0; i < elemento2.length; i++){
  elemento2[i].className = "col-md-7 col-md-offset-1" //<- My final class to assign
}

---

非常感谢各位。

JavaScript添加和删除类。。。那么你的问题是什么？使用querySelector选择它并更改类。可能是No的重复。它没有，我的div没有使用getElementById的id。然后您需要通过其他方法查找元素，并且您没有给我们太多的工作空间。您的问题实际上不是如何更改元素的类，因为链接涵盖了这一点，而是如何获取对该元素的引用。您在这里没有提供足够的上下文来回答这个问题。请查看querySelector和querySelectorAll，以选择元素和类列表来添加和删除单个类。这将使它更容易和更干净。

<div class="col-md-4 margin_auto">

var elemento = document.getElementsByClassName("col-md-3 margin_auto");
var elemento2 = document.getElementsByClassName("col-md-8 col-md-offset-1");


for(var i=0; i < elemento.length; i++){
  elemento[i].className = "col-md-4 margin_auto" //<- My final class to assign
}
for(var i=0; i < elemento2.length; i++){
  elemento2[i].className = "col-md-7 col-md-offset-1" //<- My final class to assign
}