Javascript 从JS中的css类中删除display:none

我已经列出了可能死亡的角色清单（没有剧透或者其他什么）。我遇到的问题是，我应该删除一个类，但我无法使它工作。我可以删除CSS，我知道，但这不是我想要实现的。我找不到在JS事件/函数期间删除CSS类的方法

我可以通过删除“li”标签使其工作，这样我就完成了部分

我的HTML：

<ul class="carousel">
   <!-- <li><img src="images/cersei-lannister-1920.jpg" alt="Cersei Lannister" title="Cersei Lannister"/></li>
    <li><img src="images/daenarys-1920.jpg" alt="Daenarys" title="Daenarys"/></li>
    <li><img src="images/maetser-varys-1920.jpg" alt="Maester Varys" title="Maester Varys"/></li>-->
</ul>

---

我希望你们能在这里帮助我！谢谢

据我所知，您没有使用jQuery，因此这里是从元素中删除类的Javascript解决方案

ELEMENT.classList.remove("CLASS_NAME");

---

制作一个单独的类，使用

“.hidecarousel”显示：none

，并将其添加到CSS中。在

li

标记中使用类名。然后使用javascript简单地删除它

var list = document.getElementsByClassName("hidecarousel");
while (list.length)
    list[0].classList.remove("hidecarousel");

下面是如何将旋转木马ul中所有li的CSS更改为block。

var array\u of_li=document.queryselectoral（“ul.carousel li”）；
var i；
对于（i=0；i<数组的长度；++i）{
数组\u of_li[i].style.display=“block”；
}

.carousel li{
显示：无；
}

首先
第二
第三

如果您通过js添加一个类，并在CSS中执行您想要的操作

.carousel li.active{display:inline-block;}

---

希望你能做到：）

那么你想删除该类？删除该类或删除显示：无：）这确实是一个很好的方法，但我想知道不创建新类是否可行？我不能选择旋转木马li并删除display:none吗？好吧，如果您假设代码中的所有li都有display:none条件，并且您想要删除它们，那么是的，这可以在不维护更整洁的单独类的情况下完成。但我不知道你是否特别要求将css从none更改为block，或者只是简单地删除display:none。如果你想要的是显示：无需简单操作，那么这是一种更适合的方法。我现在有一种方法，但我正在尝试尽可能多地学习，因此如果你知道如何更改显示：无，那将很方便！非常感谢！您可以随时更改元素的css，而不是删除类本身。这可以通过将它们从“显示：无”更改为“块”来实现。但无论如何，如果这个答案有帮助的话，别忘了给它打分。我很想这么做，但我对自己的评价还不够高，无法提高投票率！非常感谢，我将尝试并找出如何更改类的CSS…答案是由上面的先生给出的！

var list = document.getElementsByClassName("hidecarousel");
while (list.length)
    list[0].classList.remove("hidecarousel");

.carousel li.active{display:inline-block;}