js和jquery的这两个代码有啥区别

Question

麻烦问下红框框出的两段代码有啥不同，为何jquery的写法可以运行，但是js写法效果就无法出来

Answer 1

1. getElementsByClassName 你少些了一个s

2. 返回值是一个HTMLCollection类型的对象，你把它看成数组也行。classList 是DOM的属性，即是返回值中每个元素的属性，而不是这个“数组”的。所以需要遍历这个“数组”。