js 根据class删除元素

JS根据class删除元素可以通过以下步骤实现：

1.使用document.querySelector()方法获取要删除的元素的class属性，例如：var elementToRemove = document.querySelector(".要删除元素的class属性");

2.使用elementToRemove.parentNode.removeChild(elementToRemove)方法删除获取到的元素。

下面是完整的示例代码：

HTML代码：

<div class="container">
  <p class="text">要删除的元素</p>
  <p class="text">要保留的元素</p>
</div>

JS代码：

var elementToRemove = document.querySelector(".text");
elementToRemove.parentNode.removeChild(elementToRemove);

使用上述代码会删除class属性为"text"的第一个p元素，而第二个p元素会保留。如果需要删除多个元素，可以使用document.querySelectorAll(".class属性")获取到所有匹配的元素，然后循环删除。

相关问题

js根据class 删除 html

你可以使用 JavaScript 中的 `classList` 属性和 `remove()` 方法来删除 HTML 元素的 class，具体实现代码如下：

// 获取需要删除 class 的元素
const element = document.querySelector('.需要删除class的元素');

// 删除指定的 class
element.classList.remove('要删除的class名称');

在上述代码中，需要替换的地方是 `需要删除class的元素` 和 `要删除的class名称`。其中，`querySelector()` 方法可以根据 CSS 选择器获取页面中的元素，`classList` 属性可以获取元素的 class 列表，`remove()` 方法可以删除指定的 class。

js 删除class

JavaScript可以通过classList属性和className属性来删除元素的class属性。其中，classList属性提供了四个方法：add、contains、remove和toggle，可以方便地添加、判断、删除和切换类名。而className属性则可以直接替换或删除元素的class属性值。具体实现方法可以参考引用和引用中的代码示例。