如何选择没有特定类别的元素

一尘不染

如何选择没有特定类别的元素

html

我想知道如何使用JavaScript（而不是jQuery）选择没有特定类的元素。

例如，我有以下列表：

<ul id="tasks">
  <li class="completed selected">One Task</li>
  <li>Two Task</li>
</ul>

然后通过以下方式选择完成的任务：

var completeTask = document.querySelector("li.completed.selected");

但是然后我不确定如何选择没有这些类的列表项。

阅读 288

2020-05-10

共1个答案

一尘不染

这将选择第二个LI元素。

document.querySelector("li:not([class])")

要么

document.querySelector("li:not(.completed):not(.selected)")

例：

// select li which doesn't have a 'class' attribute...

console.log(document.querySelector("li:not([class])"))



// select li which doesn't have a '.completed' and a '.selected' class...

console.log(document.querySelector("li:not(.completed):not(.selected)"))


 <ul id="tasks">

    <li class="completed selected">One Task</li>

    <li>Two Task</li>

  </ul>

2020-05-10