目录

如何 - 删除课程


了解如何使用 JavaScript 从元素中删除类名。


单击按钮从我身上删除类!

删除类

步骤1)添加HTML:

在此示例中,我们将使用按钮从 id="myDIV" 的 <div> 元素中删除 "mystyle" 类:

示例

<button onclick="myFunction()">Try it</button>

<div id="myDIV" class="mystyle">
  This is a DIV element.
</div>

步骤2)添加CSS:

设置指定类名的样式:

示例

.mystyle {
  width: 100%;
  padding: 25px;
  background-color: coral;
  color: white;
  font-size: 25px;
}


步骤 3) 添加 JavaScript:

获取 id="myDIV" 的 <div> 元素并从中删除 "mystyle" 类:

示例

function myFunction() {
  var element = document.getElementById("myDIV");
  element.classList.remove("mystyle");
}
亲自试一试 »

提示:另请参阅如何切换类

提示:另请参阅如何添加类

提示:了解更多关于类列表我们的 JavaScript 参考中的属性。

提示:了解更多关于类名称我们的 JavaScript 参考中的属性。