javascript - jQuery CSS 到纯 Javascript

Question

我正在尝试尽可能少地使用 jQuery，并且我想将一些 jQuery 代码转换为纯 JS。

我有这个:

$(".myDiv").css({"width": 500});

上面代码的纯 JS 等效项是什么？

Answer 1

var els = document.querySelectorAll('.myDiv');

// If you want to get elements using its class name
// var els = document.getElementsByClassName('myDiv');

for(var i = 0, length = els.length; i < length; i++) {
   els[i].style.width = '500px';
}

通过使用forEach:

var els = document.querySelectorAll('.myDiv');

els.forEach(function(el, ind) {
  el.style.width = '500px';
});

JS Fiddle