在学习前端的知识的时候，发现使用JS无法操作class选择器的样式，刚开始还以为是js没有设置，只有在jquery可以操作呢？

看了一些相关文章才清楚：

document.getElementsByClassName拿到的是数组并非某一个对象

 

 var box = document.getElementsByClassName("box"); box.value; //返回undefined   1 var box = document.getElementsByClassName("box"); 2 box[0].value; //返回 box的内容 

1  2  3  4  5 
Hello World!
 6 
Hello World!
 7  8 16 17 
上面的段落已被一段脚本修改。
18 19 20 

 

jquery的操作方式是$(classSelector)，获取的是需要的那个对象

而我在使用JS忽略了最重要的class可复用，id不可复用原则。

所以js之前没做getElementByClassName也是出于严谨的考虑，现在document.getElementsByClassName返回数组应该也是出于严谨的考虑。