Cách chọn phần tử không có phân loại cụ thể

Tôi đang tự hỏi làm cách nào để chọn một phần tử không có một lớp cụ thể bằng JavaScript, không phải jQuery.

Ví dụ, tôi có danh sách này:

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

và tôi chọn nhiệm vụ đã hoàn thành bằng cách:

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

Nhưng sau đó tôi không chắc chắn làm thế nào để chọn mục danh sách không có các lớp đó.

Điều này chọn LIphần tử thứ hai .

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

hoặc là

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

Thí dụ:

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

Để chọn <li>không có completedcũng như selectedlớp:

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

Vĩ cầm

http://jsfiddle.net/Z8djF/

Bạn có thể thử :not()bộ chọn

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

Thay vào đó, hãy thử lấy một mảng con của cha mẹ:

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

Sau đó lặp / tìm kiếm chúng khi cần thiết.