Come selezionare un elemento che non ha una classe specifica

Mi chiedo come selezionare un elemento che non ha una classe specifica utilizzando JavaScript, non jQuery.

Ad esempio, ho questo elenco:

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

e seleziono l'attività completata da:

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

Ma poi non sono sicuro di come selezionare l'elemento dell'elenco che non ha quelle classi.

Questo seleziona il secondo LIelemento.

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

o

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

Esempio:

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

Per selezionare <li>ciò che non ha completedné selectedclasse:

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

Violino

http://jsfiddle.net/Z8djF/

Puoi provare il :not()selettore

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
});

Prova invece a ottenere un array dei figli del genitore:

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

Quindi loop / cerca in base alle necessità.