javascript - 如何从 jQuery 更改为 JavaScript

Question

$(".normalText").css("border", "0px solid green");

如何用等效的纯 JavaScript 语句替换此 jQuery 语句？

Answer 1

要获取包含所有 class="normalText" 元素的 NodeList，您可以使用:

var els = document.getElementsByClassName('normalText');

然后循环它们:

var els = document.getElementsByClassName('normalText'),
    len = els.length;
while (len--) {
  els[len].style.border = '3px solid hotpink';
}

some older browsers 不支持

getElementsByClassName 。如果支持是一个问题，您可以使用类似 this 的后备方案。或this .

另一方面，如果您只支持现代浏览器，您不妨使用 querySelectorAll 和 Array#forEach:

[].forEach.call(document.querySelectorAll('.normalText'), function(el) {
  el.style.border = '3px solid hotpink';
});