当前位置: 首页 > 面试题库 >

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

袁鸿畅
2023-03-14
问题内容

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

例如,我有以下列表:

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

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

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

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


问题答案:

这将选择第二个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>


 类似资料:
  • 另外,我不想要任何jQuery。

  • 问题内容: 我想编写一个CSS选择器规则,该规则选择 没有 特定类的所有元素。例如,给定以下HTML: 我想编写一个选择器来选择所有不具有“可打印”类 的 元素,在这种情况下,它们是 导航 和元素。 __ 这可能吗? 注意:在实际的HTML中,我想使用此元素的元素将比 不 包含“可打印的”类的元素多得多(在上面的示例中,我发现这是另一种方式)。 问题答案: 通常,您将类选择器添加到伪类中,如下所示

  • 问题内容: 我想编写一个CSS选择器规则,以选择 没有 特定类的所有元素。例如,给定以下HTML: 我想编写一个选择器来选择所有没有“可打印”类 的 元素,在这种情况下,它们是 导航 和元素。 __ 这可能吗? 注意:在实际的HTML中,我想使用它的地方将比 不 包含“可打印的”类的元素多得多(在上面的示例中,我发现这是另一种方式)。 问题答案: 通常,您将类选择器添加到伪类中,如下所示: 但是,

  • 问题内容: 我想在其CSS包含特定背景色的情况下选择一堆。我该如何实现? 问题答案: 如果我正确理解问题,则选择器 将不起作用, 因为其中不包含“ background- color”属性。您可以快速进行测试以确认它不匹配任何内容: 给出: 这里有一个片段, 将工作 :

  • 问题内容: 在XML文档中,我具有共享相同名称的元素,但是属性的值定义了它是什么类型的数据,并且我想从文档中选择所有具有特定值的元素。我是否需要使用XPath(如果可以,您是否可以建议正确的语法)还是有更优雅的解决方案? 这是一些示例XML: 我想选择类型为的所有子代标签的内容。 PS-我正在尝试使用PHP与Netflix API进行接口-这对我的问题无关紧要,但是如果您想提出一种更好的方法,我非