Cómo seleccionar un elemento que no tiene una clase específica

Me pregunto cómo seleccionar un elemento que no tiene una clase específica usando JavaScript, no jQuery.

Por ejemplo, tengo esta lista:

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

y selecciono la tarea completada por:

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

Pero entonces no estoy seguro de cómo seleccionar el elemento de la lista que no tiene esas clases.

Esto selecciona el segundo LIelemento.

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

o

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

Ejemplo:

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

Para seleccionar la <li>que no tiene completedni selectedclase:

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

Violín

http://jsfiddle.net/Z8djF/

Puedes probar el :not()selector

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

En su lugar, intente obtener una matriz de los hijos de los padres:

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

Luego, haz un bucle / búscalos según sea necesario.