Comment sélectionner un élément qui n'a pas de classe spécifique

Je me demande comment sélectionner un élément qui n'a pas de classe spécifique en utilisant JavaScript, pas jQuery.

Par exemple, j'ai cette liste:

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

et je sélectionne la tâche terminée en:

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

Mais alors je ne sais pas comment sélectionner l'élément de liste qui n'a pas ces classes.

Cela sélectionne le deuxième LIélément.

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

ou

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

Exemple:

// 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>

Pour sélectionner celui <li>qui n'a completedni selectedclasse:

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

Violon

http://jsfiddle.net/Z8djF/

Vous pouvez essayer le :not()sélecteur

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

http://jsfiddle.net/UM3j5/

document.querySelectorAll('[wf-body=details] input:not(.switch):not(.btn)').forEach(function(e){
    // do whatever you want. with 'e' as element :P
});

Essayez plutôt d'obtenir un tableau des enfants du parent:

var completeTask = document.querySelector("#tasks").childNodes;

Puis bouclez / recherchez-les si nécessaire.