我可以在所有元素直接

Question

例如更新屬性。這可以像jQuery一樣完成，而不使用for循環？

Answer 1

使用純JavaScript可以使用如下的querySelectorAll()功能：

var checkboxes = document.querySelectorAll('input[type="checkbox"]'); 

for(var i=0; i<checkboxes.length; i++) { checkboxes[i].checked = true; } 

不幸的是這並不能避免的循環，我知道你想避免和它也沒有完美的跨瀏覽器的兼容性能被檢查here與IE 8只能夠掛鉤到CSS 2.1選擇器和Pre IE8根本不被支持，但它是最好的，可以做到，而無需使用大量的代碼和避免jQuery。

我知道你想避免jQuery的，但如果你改變了主意，你可以嘗試以下方法：

$('input[type="checkbox"]').attr('checked', 'checked') 

這應該鉤在任何複選框，輸入並設置其屬性爲選中使用jQuery attr()功能。

如果這不起作用嘗試給您複選框自己的類名，如複選框，並嘗試像如下：

$('.checkbox').attr('checked', 'checked') 

這將幫助兼容性問題，並能避免循環，但如果你不這樣做想要去jQuery路線，然後請忽略。

Answer 2

不，沒有某種形式的節點迭代就無法完成。 jQuery也遍歷節點，它只是隱藏了用戶。

的一些新的jQuery般的風格最接近的是使用瀏覽器.forEach^[MDN]它支持：

[].forEach.call(inputs, function() { 
    this.checked = true; 
}); 

Answer 3

不使用for循環

在某些時候，你需要某種形式的循環。你只是希望把它抽象出來嗎？

NodeList s爲Array樣，所以你可以從Array.prototypecall或apply方法，包括iterators像forEach()。一個例子from MDN：

另一種方法無需擴展DOM：

var forEach = Array.prototype.forEach; 

var links = document.getElementsByTagName('a'); 
forEach.call(links, function(link){ // works in most browsers (please document here if you find browsers where it doesn't) 
    link.style.color = '#0F0'; 
}); 

但要注意，即使forEach()depends on a loop（while在這種情況下）。

Answer 4

querySelectorAll返回NodeList。你將需要迭代列表來改變它中的每個項目（jQuery在後臺使用循環遍歷整個集合。每個）

您可以使用一個循環（對於，同時，等），或者你可以使用forEach方法上Array原型

https://developer.mozilla.org/en-US/docs/DOM/NodeList#Workarounds